Есть ли какой-либо специальный jQuery, который будет выполнять два разных набора кодов для одного элемента?

Question

Итак, у меня есть код , который позволяет мне показывать элемент по нажатию одного элемента и скрывать его по щелчку другого. код выглядит следующим образом:

      $('.downloads').hide()
      $('.downloads').css({visibility:'visible'})
      var Dshow=false;                     
      $('.allLink').click(function() {     
      if(!Dshow){
          Dshow=true;
          $(".downloads").fadeIn("fast");
           $('#footer2').html($('#footer1').html()); 
           $('#footer1').html('');}

    });
     $('.hideAllLink').click(function() {
     if(!!Dshow){
   Dshow=false;
           $(".downloads").fadeOut("fast");
           $('#footer1').html($('#footer2').html());
           $('#footer2').html('');}
    });

Я хочу, чтобы у $('.allLink').click(function() было 2 состояния - при первом щелчке должно отображаться «.downloads», а при втором щелчке - «скрыть».

Как это сделать с помощью jQuery?

Answer 1

Вы можете использовать .toogle () .Этот метод скрывает элемент, если он видим, или делает его видимым, если он скрыт.

$('.allLink').click(function()) {
    $('.downloads').toggle();
}

Answer 2

Я думаю, что вы ищете переключателя: использование функции переключения jQuery

Использование

$( "#idofthebutton" ).toggle(

                function() {
                    /// hide the link
                   $(".downloads").fadeOut("fast");
                }, function() {
                    ///show the link
                 $(".downloads").fadeIn("fast");
                }

   );

Это будет работать автоматически, чтобы скрыть и показать ссылки ....

Примечание: В этом случае сначала оставляйте ссылки видимыми.Если вы не хотите этого, измените порядок функций внутри .toggle