jquery - 手风琴面板

Question

我不擅长 jQuery。我找到了以下手风琴面板脚本。该脚本在加载时隐藏所有面板，并在我单击它时打开一个。但是，我希望在加载时打开所有面板，并且只单击我想要隐藏的面板。当我点击它时不想隐藏所有。

// accordion
    $('.accordion h5').click(function () {
        $('.accordion h5').removeClass('open');
     // close all slides
        $('.accordion ul ul').slideUp('normal');
        if ($(this).next().is(':hidden') == true) {
            $(this).addClass('open');
            $(this).next().slideDown('normal');
        }
    });
    $('.accordion h5').mouseover(function () {
        $(this).addClass('hover');
    }).mouseout(function () {
        $(this).removeClass('hover');
    });
    $('.accordion ul ul').show();

Answer 1

以下应该给出你想要的行为。

 $('.accordion h5').click(function () {
        $(this).toggleClass('open').next().slideToggle(); 
 }).hover(function(){
       $(this).toggleClass('hover');    
 });

如果需要修改，请提供一些标记