Вопрос по jQuery ???

#
Вопрос по jQuery ???
Имеется таблица характеристики товара, по нажатию на ссылку таблица сворачивается только по второму клику, что в коде не так? почему после первого клика не сворачивается? обратно разворачивается с одного клика, вот код

<script>
      
            $(document).ready(function(){
               var cl = 0;
               $('#show_tech').click(function(){
                  if(cl == 0){
                     $('#tech_info').slideDown();
                            $('.catalog-element-techDescription h4').css({'background-image': '/bitrix/templates/Sibitron_beta/images/strelka.jpg', 'background-position': '100% 6px'});
                     cl = 1;
                  }
                  else if(cl == 1){
                     $('#tech_info').slideUp();
                            $('.catalog-element-techDescription h4').css({'background-image': '/bitrix/templates/Sibitron_beta/images/strelka.jpg', 'background-position': '100% -12px'});
                     cl = 0;
                  }
               });   
            });
            </script>
Я только HTML верстку знаю, вот теперь приходится осваивать CMS
Авторизация