Panneau JQuery rétractable

Question

Comment Jquery utilise-t-il une création similaire à Ajax CollapsiblePanel?

Answer 1

manuellement: Avoir un div pour l'en-tête (qui sera cliqué pour développer et réduire), et un autre div pour le contenu (qui aura la matière à afficher).

Voici un exemple.

//To Show 
$('#myheader1').click(function(){$('#mycontent1').Show())}; 

//To Show 
$('#myheader1').click(function(){$('#mycontent1').Hide())}; 

Vous devrez maintenir l'état de visibilité dans une variable.

Comm.prete

http://plugins.jquery.com/project/accordion

Answer 2

Essayez ceci:

<ItemTemplate> 
    <span class="title">Show/Hide</span> 
    <div> 
     <!-- put some elements here... --> 
    </div> 
</ItemTemplate> 

---

$(".title").click(function() { $(this).next("div").slideToggle("slow"); });