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

OK 更新されたフィドルを見てください。

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();
    }
});