2014-12-12 3 views
0

나는이 Jquery UI Accordion열기 모든 섹션 아코디언

그것은 단지 하나의 섹션이 한 번에 열 수 사용하고 있지만 3 개 부분이 있다면 내가 예를 want.For로 나는만큼 영역을 열려면 그리고 그 중 2 개를 클릭하면 두 개가 모두 열려 있어야합니다. 이 작업을 수행하는 방법? 도움을 주시면 감사하겠습니다.

감사합니다,

+0

가능한 중복 (http://stackoverflow.com/questions/13119503/jquery-ui-accordion-avoid personnal 일 -closing-item-wnen-click-on-another-one) – Refilon

답변

0

나는 같은 문제가 있고, 그에 대한 a little plugin

그것은 jQuery를 UI의 기반으로 사용하고 자유롭게 수정할 썼다 아코디언, 같은 클래스를 사용.

사용하기 매우 간단하다 :


JS :

$(".accordion").multiaccordion(); 

HTML

<script src="multiaccordion.jquery.min.js"></script> 
<div class="accordion"> 
    <h3>Simple Accordion 1</h3> 
    <div class="content"> 
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in facilisis orci. Vivamus dapibus feugiat. 
    </div> 
</div> 

<div class="accordion"> 
    <h3>Simple Accordion 2</h3> 
    <div class="content"> 

    <div class="accordion"> 
     <h3>Nested Accordion 2.1</h3> 
     <div class="content"> 
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in facilisis orci. Vivamus dapibus feugiat. 
     </div> 
    </div> 

    <div class="accordion"> 
     <h3>Nested Accordion 2.2</h3> 
     <div class="content"> 
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in facilisis orci. Vivamus dapibus feugiat. 
     </div> 
    </div> 

    </div> 
</div> 

NB : 제공하는 CSS는

[UI를 jQuery 아코디언 피할 또 다른 하나를 클릭 wnen 항목을 마감]의