Esto es mas o menos sencillo:
Estructura:
Código:
<script>
function show_hide( divToHide ) {
var elem, vis;
if( document.getElementById ) // this is the way the standards work
elem = document.getElementById( divToHide );
else if( document.all ) // this is the way old msie versions work
elem = document.all[divToHide];
else if( document.layers ) // this is the way nn4 works
elem = document.layers[divToHide];
vis = elem.style;
if(vis.display == 'block') {
vis.display = 'none';
} else {
vis.display = 'block';
}
}
</script>
<titulo de categoria 1><a href="javascript:show_hide('fcat1');">Ocultar</a>
<div id="fcat1" style="display:block;">
Aqui todos los foros que pertenecen a la categoria
</div>
<titulo de categoria 2><a href="javascript:show_hide('fcat2');">Ocultar</a>
<div id="fcat2" style="display:block;">
Aqui todos los foros que pertenecen a la categoria
</div>