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