5 методов создания переключателя-гармошки jQuery для открытия и закрытия разделов

  1. Использование функции слайдToggle():

    $('.accordion-toggle').click(function() {
     $(this).next('.accordion-content').slideToggle();
    });
  2. Использование функции toggle():

    $('.accordion-toggle').click(function() {
     $(this).next('.accordion-content').toggle();
    });
  3. Использование функции animate():

    $('.accordion-toggle').click(function() {
     $(this).next('.accordion-content').animate({ height: 'toggle' });
    });
  4. Использование классов CSS и функций addClass() и RemoveClass():

    $('.accordion-toggle').click(function() {
     var content = $(this).next('.accordion-content');
     if (content.hasClass('open')) {
       content.removeClass('open');
     } else {
       content.addClass('open');
     }
    });
  5. Использование функций слайдUp(), слайдDown() и is():

    $('.accordion-toggle').click(function() {
     var content = $(this).next('.accordion-content');
     if (content.is(':visible')) {
       content.slideUp();
     } else {
       content.slideDown();
     }
    });

Эти методы предоставляют различные способы переключения видимости содержимого аккордеона. Выберите тот, который соответствует вашим потребностям и стилю написания кода.