Hola amigos,
he posteado pocas dudas en este foro aunque lo leo a menudo.
Tengo una duda con un menú vertical que quiero modificar con jQuery pero no doy con la tecla (aclarar que soy un novato en jQuery).
Código:
El código HTML es el siguiente:
<div class="categories">
<ul>
<li class='cbCategoryItem selected'><span id='12_toggler' alt='12_categories' class='CategoryToggler block' onclick='toggleCategory(this);'> </span><a href=''>Primaria</a>
<ul id='12_categories' class='sub_categories' style='display:block'>
<li class='cbCategoryItem '><a href=''>- Matemáticas</a></li>
<li class='cbCategoryItem '><span id='15_toggler' alt='15_categories' class='CategoryToggler none' onclick='toggleCategory(this);'> </span><a href=''>- Naturales</a>
<ul id='15_categories' class='sub_categories' style='display:none'>
<li class='cbCategoryItem '><a href=''>El universo y la Vía Láctea</a></li>
</ul>
</li>
<li class='cbCategoryItem '><a href=''>- Sociales</a></li>
</ul>
</li>
<li class='cbCategoryItem '><span id='13_toggler' alt='13_categories' class='CategoryToggler block' onclick='toggleCategory(this);'> </span><a href=''>Secundaria</a>
<ul id='13_categories' class='sub_categories' style='display:block'>
<li class='cbCategoryItem '><a href=''>- Matemáticas 2ª</a></li>
</ul>
</li>
<li class='cbCategoryItem '><span id='19_toggler' alt='19_categories' class='CategoryToggler block' onclick='toggleCategory(this);'> </span><a href=''>Lengua</a>
<ul id='19_categories' class='sub_categories' style='display:block'>
<li class='cbCategoryItem '><a href=''>Lengua Primaria</a></li>
<li class='cbCategoryItem '><a href=''>Secundaria I</a></li>
</ul>
</li>
</ul>
</div>
- Yo lo único que quiero es que cuando se haga clic en una de las categorías esta se expanda y las demás se mantengan recogidas. He probado con varias funciones jQuery que supuestamente me hacen lo que quiero pero no hay manera.
Desde ya agradezco las posibles respuestas.