Как сохранить аккордеон на странице?

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