手風琴板

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

提供一些標記，如果需要修改