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>

Por admin

Deja una respuesta