Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/10/2011, 15:37
martuanez
 
Fecha de Ingreso: julio-2008
Mensajes: 109
Antigüedad: 15 años, 10 meses
Puntos: 0
Aplicar estilo a nodo sin hijos - Jquery

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() > ) {
//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");
 });

});