Jquery ui 使ui日期选择器标头可折叠

我试图将ui datepicker标题转换为手风琴。它实际上起作用了。我想在这里隐藏注释，以便用户在选择时显示

打开页面时，我需要折叠手风琴。尽管使用了以下参数，但我始终打开的内容仍在扩展：

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

一旦页面呈现，我会看到箭头图像是正确的，但我需要单击标题两次才能将其关闭。在此之后，它的工作如预期

这里有一个小提琴演示：

因为这两个都是ui组件，所以我认为这可以很好地工作

提前谢谢！ Mike

将

$（'.ui datepicker header'）.accordion（…

声明移动到将文本附加到标题的

$（'.ui datepicker header'）.append（）语句下方

这意味着，
aria-
标记将应用于.ui日期选择器标题下的文本，当页面加载时，文本将设置为
display:none
。
很漂亮！就像我希望的那样工作。感谢您的帮助和解释。更新的fiddle: