jquery - 如何让我的手风琴在页面加载时折叠？

Question

如何在页面加载时关闭手风琴脚本？我的脚本是这样的：

$('[data-fn="accordion"]').on('click',function(e) {
     var id = $(this).data('open');
 $('#'+id).slideToggle();
   if(!$(this).children('.icon-arrow').hasClass('open')) {
 $(this)
 .children('.icon-arrow')
 .addClass('open')
 .removeClass('close');
 e.preventDefault();
}
 else {
 $(this)
   .children('.icon-arrow')
   .removeClass('open')
   .addClass('close');
  e.preventDefault();
}
  });

这是JSFiddle

谢谢，问候托马斯

Answer 1

好的看看更新的小提琴。

http://jsfiddle.net/NxLpq/2/

JS：

$(function () {
    $(".accordion").accordion({
        active: false,
        autoHeight: false,
        navigation: true,
        collapsible: true
    });

});

$('[data-fn="accordion"]').on('click', function (e) {
    var id = $(this).data('open');
    $('#' + id).slideToggle();
    if (!$(this).children('.icon-arrow').hasClass('open')) {
        $(this)
            .children('.icon-arrow')
            .addClass('open')
            .removeClass('close');
        e.preventDefault();
    } else {
        $(this)
            .children('.icon-arrow')
            .removeClass('open')
            .addClass('close');
        e.preventDefault();
    }
});