Este es el codigo javascript a poner dentro de header
<script type="text/javascript"> $(document).ready(function(){ $("dd").hide(); $("dt").click(function(event){ var desplegable = $(this).next(); $('dd').not(desplegable).slideUp('fast'); desplegable.slideToggle('fast'); event.preventDefault(); }) }); </script>
Una vez tenemos esto debemos crear la siguiente estructura
<dl>
<dt> Aqui iria el titulo que se mostrara</dt>
<dd> Y aqui todo lo que estara contraido que cuando pulsemos sobre el dt de arriba se mostrara, si ponemos mas de uno automaticamente se plegaran y desplegaran cuando se pulse.</dd>
<dl>
