jQueryUI Accordion - 如何展開單個內容窗格？

Question

當我點擊手風琴中的內容標題時，所有內容窗格都會打開，而不是我點擊的內容窗格。

http://jsfiddle.net/es7g1cvk/

var allPanels = $('ul.accordion-content').hide(); 

    $('.accounts').click(function() { 
     console.log('click') 
     allPanels.slideUp(); 

     if($('.accordion-content').is(':hidden')) { 
      console.log('hidden') 

      $(".accordion-content").slideDown(); 
     } 

     return false; 
    }); 

我怎麼能打開一個內容窗格？

Answer 1

您正試圖打開所有「.accordion-content」項目，但是您需要在點擊的div內打開容器。 試試這個：

var content = $(this).find('.accordion-content'); 
    if(content.is(':hidden')) { 
     console.log('hidden') 

     content.slideDown(); 
    } 

http://jsfiddle.net/es7g1cvk/3/

Answer 2

var allPanels = $('ul.accordion-content').hide(); 

$('li').click(function() { 
    var a = $(this).find('.accordion-content'); 

    allPanels.slideUp(); 

    if($('.accordion-content').is(':hidden')) { 


     $(a).slideDown(); 
    } 

    return false; 
}); 

FIDDLE