jquery Accordéon « détruire » ne fonctionne pas

Question

J'utilise jQuery accordéon et voudrais faire une page imprimable où tous les « accordéons » sont développés. J'ai trouvé l'option .Accordion ( 'détruire'). Cependant, quand je mets en œuvre seulement la div visible existant est de montrer cliquez sur le bouton après détruire. Toute aide serait appréciée.

<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

Une fois que vous appelez l'accordéon détruire, vous devez définir les divs de contenu pour être visible.

Sur la base de la page que vous lié à ce que je voudrais ajouter avant $ ( "# accordéon") accordéon ( 'détruire') en ligne:.

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