tag jquery tag alternative - jquery, html5

C'è una soluzione jquery semplice che fa illo stesso drop down funziona come il tag html5 details? Ho guardato alcuni plugin ma sembrano tutti buggy con ie. Penso che potrebbe essere meglio farlo con jquery per ora?

html5 way (ma questo non funziona in ie)

<details>
<summary>Details Summary</summary>
<p>Pellentesque aliquet lacinia libero id sodales. Curabitur nibh velit, varius in semper ac, suscipit quis magna. Phasellus faucibus venenatis leo ut convallis. Maecenas tempus risus id nibh iaculis vehicula. Aenean vel quam lorem, et sagittis velit. Nullam a ligula lectus, at iaculis mauris. Mauris id tempus dolor. </p>
</details>

modo jquery?

risposte:

<details>
<summary>Details Summary</summary>
<p>Pellentesque aliquet lacinia libero...</p>
</details>

O

<div class="details">
<div class="summary">Details Summary</div>
<p>Pellentesque aliquet lacinia libero...</p>
</div>

regolare di conseguenza il codice seguente

details > p{display:none;}

$("body").on("click", "details summary",function() { $(this).find("p").toggle(); });