使ui datepicker標題可摺疊

Question

我正在嘗試使用ui-datepicker標題並將其轉換爲手風琴。它實際上工作（有點）。我想在這裏隱藏筆記，以供用戶透露，如果他們選擇。

當頁面打開時，我需要摺疊手風琴。我一直擴大開放，儘管使用這些參數：

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

一旦頁面呈現我看到箭頭的形象是正確的，但我需要點擊兩次頭得到它關閉。之後它按預期工作。

這裏有一個小提琴演示：http://jsfiddle.net/mv5492/PuWWS/17/

由於這些都是我想這會工作得很好兩種UI組件。

在此先感謝！ 邁克

Answer 1

移動$('.ui-datepicker-header').accordion(...聲明下面的$('.ui-datepicker-header').append()語句追加文本的標題。

這意味着aria-標籤將應用於.ui-datepicker-header下的文本，並且在頁面加載時文本將被設置爲display: none。