동적 Jquery 아코디언

Question

시작시 아코디언을 기본값으로 닫으려면 어떻게해야합니까?

#accordion div.pane: display:none; 

Answer 1

당신은 이런 식으로 작업을 수행 할 수 있습니다 :

$("#accordion") 
    .tabs("#accordion div.pane", {tabs: 'h3', effect: 'slide', collapsible: true}) 
    .tabs('select', false); 

이 표시 당신의 CSS에서

<script> 
$(function() { 

$("#accordion").tabs("#accordion div.pane", {tabs: 'h3', effect: 'slide'}); 
}); 
</script> 

<script> 

// add new effect to the tabs 
$.tools.tabs.addEffect("slide", function(i, done) { 

    // 1. upon hiding, the active pane has a ruby background color 
    this.getPanes().slideUp("slow").css({backgroundColor: "#fff"}); 

    // 2. after a pane is revealed, its background is set to its original color (transparent) 
    this.getPanes().eq(i).slideDown("slow", function() { 
     $(this).css({backgroundColor: 'transparent'}); 

     // the supplied callback must be called after the effect has finished its job 
     done.call(); 
    }); 
}); 
</script> 

Answer 2

넣어 : 여기 샘플보기 여기 here

코드입니다 그것은 collapsible으로 표시되고, 표시되지 않는 탭을 선택합니다 (사용)..