2014-12-09 2 views
-2

jQuery 아코디언을 사용하고 있습니다.페이지 하단에있는 모든 링크 해제 - jQuery

<link rel="stylesheet" href="css/jquery-ui.css"> 
    <script src="js/jquery-1.10.2.js"></script> 
<script src="js/jquery-ui.js"></script> 
      <script> 
$(function() { 
$("#accordion").accordion({ 
    collapsible: true 

}); 
}); 
</script> 

내가 접을 수있는 아코디언을 얻을 위의 사용 :

<div id="accordion"> 
    <h3>section one</h3> 
    <div> 
    <p>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus  nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p> 
    </div> 
<h3>Browse Authors</h3> 
<div> 
    <p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p> 
</div> 

</div> 

나는 머리에이 물건이있다. 첫 번째는 페이지로드시 열려 있습니다.

모든 아코디언이 닫히기 시작하기 위해 내가 사용할 수있는 설정을 아는 사람이 있습니까?

$("#accordion").accordion({ 
    collapsible: true, 
    active: false 
}); 

부울 false 모든 패널 (사실과 옵션 collapsible을 필요로) 축소됩니다 : 당신이 당신의 아코디언을 초기화 할 때

+0

당신은 방금 DOC ... 아코디언 플러그인에 –

+0

기본적인 변화를 확인해야 ... – asimshahiddIT

답변

4

당신은 active - 옵션을 지정할 수 있습니다. 정수를 설정하면 인덱스에 따라 패널이 열립니다.

Demo