Código HTML:
<ul class="top_level_categories"> <li > Notebook <ul class="second_level_categories"> <li class="wpsc_category_55"> accesories </li> </ul> </li> </ul> <ul class="top_level_categories"> <li>Iphones <ul class="second_level_categories"> </ul> </li> </ul>
Codigo Javascript:
Código PHP:
$(document).ready(function(){
//Hide (Collapse) the toggle containers on load
$(".second_level_categories").hide();
//Aca sé cuantos hijos tiene el nodo "second_level_categories"
if ( $('.second_level_categories').children().size() > 0 ) {
//Aca estoy fallando porque puedo seleccionar al nodo top_level:categories
//pero sin ser consciente de si tiene subcategorias o no
$('.second_level_categories', this).parent().parent().toggleClass("active");
}
//Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state)
$(".top_level_categories").click(function () {
$(this).toggleClass("active")
$(".second_level_categories", this).slideToggle("slow");
});
});