手风琴面板答案

【问题标题】：Accordion panels手风琴面板
【发布时间】：2012-10-30 02:26:58
【问题描述】：

我不擅长 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();

【问题讨论】：

标签： jquery accordion

【解决方案1】：

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

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

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

【讨论】：