ui datepicker 머리글 축소 가능하게하기

Question

ui-datepicker-header를 가져 와서 아코디언으로 변환하려고합니다. 실제로 작동합니다 (일종의). 사용자가 선택하면 공개하도록 메모를 여기에 숨기고 싶습니다.

페이지가 열릴 때 아코디언이 접혀 있어야합니다. 내가 항상 이러한 매개 변수를 사용에도 불구하고 확장 열려 : 페이지가 렌더링

$('.ui-datepicker-header').accordion({ 
     active: false, 
     collapsible: true, 
     autoHeight: false, 
     event: "click" 
}); 

되면 나는 화살표 이미지가 올바른지 볼 수 있지만 나는 그것이 닫 얻기 위해 두 번 머리글을 클릭합니다. 이 후 예상대로 작동합니다. 이 내가이 잘 작동 거라 생각 모두 UI 구성 요소이기 때문에 http://jsfiddle.net/mv5492/PuWWS/17/

:

는 여기에 바이올린 데모입니다.

미리 감사드립니다. 마이크는

Answer 1

는 아래의 헤더 텍스트를 덧붙 $('.ui-datepicker-header').append() 문을 $('.ui-datepicker-header').accordion(... 선언 이동

.

즉, aria- 태그는 .ui-datepicker-header 아래의 텍스트에 적용되고 페이지로드시 텍스트는 display: none으로 설정됩니다.