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>