jquery Аккордеон «destroy» не работает

Question

Я использую jQuery Accordion и хотел бы сделать страницу для печати, где все «аккордеоны» расширены. Я нашел вариант .accordion ('destroy'). Однако, когда я реализую его, только существующий видимый div отображается после нажатия кнопки уничтожения. Любая помощь будет оценена по достоинству.

<link type="text/css" href="/js/theme/ui.all.css" rel="Stylesheet" /> 
<script type="text/javascript" src="/js/jquery-ui-personalized-1.6rc6.js"></script> 
<script type="text/javascript"> 
$(function(){ 
// Accordion 
$("#accordion").accordion({ header: "h2", autoHeight: false, animated: false }); 

//attach click hander to button   
$("#accordionKiller").click(function() { 
//destroy the accordion 
$("#accordion").accordion('destroy'); 
}); 
}); 
</script> 


<a id="accordionKiller">Printable version</a> 

<div id="accordion"> 

<div> 
    <h2><a href="#">Services</a></h2> 
    <div class="services"> 

    </div> 
</div> 
</div> 

Answer 1

После того, как вы назовете аккордеонным разрушением, вам нужно установить видимость в div.

Основываясь на странице вы связаны с I бы добавить это перед тем в $ ("# гармошкой") аккордеона ('уничтожить') линии:.

$(".ui-accordion-content").css("display", "block");