jQuery 아코디언 탭의 기본 상태를 변경하는 방법

Question

나는 jQuery accordion을 사용하고 있지만 첫 번째 아코디언 탭은 기본적으로 페이지로드시 이미 확장되어 있습니다. 나는 인라인 HTML에 aria-selected="false"를 추가했는데, 나는 jquery-ui.js에 라인 6345에서이 제거/변경하려고했으나 첫 번째 탭은 여전히 ​​확장됩니다

// make sure at least one header is in the tab order 
if (!this.active.length) { 
    this.headers.eq(0).attr("tabIndex", 0); 
} else { 
    this.active.attr({ 
     "aria-selected": "true", 
     tabIndex: 0 
    }) 
    .next() 
     .attr({ 
      "aria-expanded": "true", 
      "aria-hidden": "false" 
     }); 
} 

모든 포인터를?

편집 : 새로운 바이올린 아래의 대답은 사용 : http://jsfiddle.net/pfeff/WNdRe/1/

Answer 1

아코디언 jQuery를-UI는 내용의 클래스를 CSS를 변경하여 탭 가시성 작업,하지만하지 않습니다. 단지 아코디언 초기화 후 코드에서이 장소 :

$("#accordion div.ui-accordion-content").css({"display": "none"});// hide content block 

UPD :

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

UPD 2 :

원래 UI 요소의 원래 동작을 변경하는 가장 좋은 방법 - 당신의 자신의 플러그인을 만들 또는 위젯 :

http://jsfiddle.net/R8J5p/1/

이제 사용하실 수 있습니다 $(...).myAccordion();