Методы создания функции скрытия/отображения при нажатии с использованием jQuery

  1. Использование метода toggle():

    $("#element").click(function(){
    $(this).toggle();
    });
  2. Использование методов hide()и show():

    $("#element").click(function(){
    $(this).toggle();
    });
  3. Использование методов slideUp()и slideDown():

    $("#element").click(function(){
    $(this).slideToggle();
    });
  4. Использование классов CSS и метода toggleClass():

    $("#element").click(function(){
    $(this).toggleClass("hidden");
    });

    где «скрытый» класс имеет свойство CSS display: none;.

  5. Использование пользовательских анимаций с помощью метода animate():

    $("#element").click(function(){
    $(this).animate({opacity: 'toggle'});
    });

Это всего лишь несколько примеров того, как можно реализовать функцию скрытия/отображения при нажатии с помощью jQuery. Не забудьте заменить #elementсоответствующим селектором для вашего HTML-элемента.