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:
- 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. 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>
Desde ya agradezco las posibles respuestas.