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');    
 });

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

手风琴专家组

1 个答案: