jquery를 사용하는 아코디언

Question

JQuery를 사용하여 만든 아코디언 내부의 패널을 숨기는 방법은 무엇입니까?

JS 파일 :

<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript" src="jquery-1.3.2.min.js"></script> 
<script type="text/javascript" src="ui.core.js"></script> 
<script type="text/javascript" src="ui.accordion.js"></script> 

코드 :

jQuery(document).ready(function() { 

$(document).ready(function() { 

    $("#accordion").accordion(); 

}); 

요구 : (제목 포함) 패널을 숨겨야 사용자 로그인 유형에 따라

.

예 :

예를 들어 아코디언 내부에는 3 개의 패널이 있습니다. 나는 그 중 두 가지를 사용자에게 보여주고 싶습니다. 이것을 달성하는 방법?

Answer 1

는 DOM 요소를 찾아 숨기기 함수를 호출합니다.

$("#myElementInsideAccordian").hide(); 

Answer 2

아코디언 패널을 축소 할 수 있도록하려면이 아코디언 접을 수있는 속성을 true로 설정해야합니다. 모든 패널을 처음에 축소하려면 active 속성을 false로 설정해야합니다. jQuery Accordion documentation에는이를 수행하는 방법에 대한 전체 예제가 있습니다.

예를 들어

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

Answer 3

파일의 순서가 잘못되어 오류가 발생했습니다. core은 아코디언 파일 앞에 와야한다 : 상기 수정하여 오류를 없애는 경우

<script type="text/javascript" src="jquery-1.3.2.min.js"></script> 
<script type="text/javascript" src="ui.core.js"></script> 
<script type="text/javascript" src="ui.accordion.js"></script> 

은 지금까지 패널을 숨기는 것은 간다, 먼저 당신이 원하는에 자세한 내용을 제공하기 위해 질문을 수정, 참조

.