{{{
#!html
<script type="text/javascript">
$(document).ready(function() {
   $(".collapsible").hide();
   $(".toggle").on("click", function(){
      var siblings = $(this).siblings();
      siblings.each(function(){
          if ($(this).is(":visible"))
             $(this).hide("slow");
          else
             $(this).show("slow");
      });
   });
});
</script>
}}}

{{{
#!html

<h2>Example 1</h2>
<div>
<p class="toggle">text 1</p>
<p class="collapsible">collapsed text</p>
</div>
</li>
<h2>Example 2</h2>
<div>
<p class="toggle">text 2</p>
<p class="collapsible">collapsed text</p>
</div>

}}}