problema con bloque de categorias

[rumberto]

tengo un problema al meter el bloque de categorias, mi plantilla no lo trae dentro del index en un menu a la izda, solamente en el index me aparece arriba un menu "basico" . no he tenido narices a pasarlo al index , lo que he hecho ha sido copiar el layer de la plantilla y meterlo en el index a "machete" , me lo pone bien y me muestra las categorias y todo bien, con su estilo y demás pero el problema es que no me hace la animacion desplegable, se me queda estatico y no dinamico y no se como cambiarlo.

 

 

el codigo que meto dentro del index es este :

 

 

<!-- Block categories module -->

<div id="categories_block_left" class="block">

<h4>Categorías</h4>

<div class="block_content">

<ul style="display: block;" class="tree dynamized">

 

<li>

<span class="grower OPEN"> </span><a href="#" class="selected" title="">Fútbol</a>

<ul style="display: block;">

 

<li>

<a href="#" title="">Camisetas</a>

</li>

 

 

<li>

<a href="#" title="">Pantalones</a>

</li>

 

 

<li>

<a href="#">Medias</a>

</li>

 

 

<li class="last">

<a href="#" title="">Equipaciones</a>

</li>

 

</ul>

</li>

 

 

<li class="last">

<span class="grower CLOSE"> </span><a href="#" title="">F</a>

<ul style="display: none;">

 

<li>

<a href="#" title="">G</a>

</li>

 

 

<li>

<a href="#" title="">H</a>

</li>

 

 

<li class="last">

<a href="#" title="">I</a>

</li>

 

</ul>

</li>

 

</ul>

 

<script type="text/javascript">

// <![CDATA[

// we hide the tree only if JavaScript is activated

$('div#categories_block_left ul.dhtml').hide();

// ]]>

</script>

</div>

</div>

<!-- /Block categories module -->

 

 

 

 

 

Dejo un par de fotos, el menu cerrado es de donde he sacado el codigo y lo otro es mi index, que se queda siempre abierto y no se cierra el menu cuando le das a la imagen de + o -

[rumberto]

he seguido mirando pero nada, no consigo echarlo a andar... ayuda que me estoy volviendo loco por favor!