Tengo una lista de categorias con subcategorias, la idea es reconocer que subcategoría tiene tiene hijos para aplicarle un estilo a su categoria padre... acontinuación el html:
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");
});
});