jQuery select all siblings & children except self

Question

What I'm trying to do is replicate an accordian type jQuery widget

I have the following code:

$('a').on('click', function (e) {
  var active = $(this).parent().next();
  active.toggleClass('active');
  active.siblings().not(active).removeClass('active');
  e.preventDefault();
});

Although active.siblings().not(active).removeClass('active'); does not work how I want it to do I basically want it to select all siblings UL tags and any children UL tags of the siblings but exclude the Active/Current selection.

I have setup this fiddle as an example http://jsfiddle.net/7u3pw1hz/

Arun P Johny · Accepted Answer

The problem is, the other ul elements are not siblings, they are children of sibling li elements of current li

$('a').on('click', function(e) {
  var active = $(this).parent().next();
  active.toggleClass('active');
  active.parent().siblings().children('ul').removeClass('active');
  active.find('ul').removeClass('active');
  e.preventDefault();
});

ul ul.active {
  max-height: 800px;
}
ul ul {
  max-height: 0;
  overflow: hidden;
}



  Shop 
    
      
        Sleeping Bags 
        
          Medium Sleeping Bags
          Winter Sleeping Bags
          Summer Sleeping Bags
        
      
      
        Swaddles 
        
          Fitted Wraps
          Merino Wraps
          Muslin Wraps
          Stretch Cotton
          Fitted Wraps
          Merino Wraps
          Muslin Wraps
          Stretch Cotton
        
      
      
        Linen 
        
          Fitted Wraps
          Merino Wraps
          Muslin Wraps
          Stretch Cotton
        
      
      
        Clothing 
        
          Fitted Wraps
          Merino Wraps
          Muslin Wraps
          Stretch Cotton
        
      
      
        My Room 
        
          Fitted Wraps
          Merino Wraps
          Muslin Wraps
          Stretch Cotton
        
      
      
        Tool Box 
        
          Fitted Wraps
          Merino Wraps
          Muslin Wraps
          Stretch Cotton
        
      
      
        Wellbeing 
        
          Fitted Wraps
          Merino Wraps
          Muslin Wraps
          Stretch Cotton
        
      
      
        Feed 
        
          Fitted Wraps
          Merino Wraps
          Muslin Wraps
          Stretch Cotton
        
      
      
        Bath 
        
          Fitted Wraps
          Merino Wraps
          Muslin Wraps
          Stretch Cotton
        
      
      
        Carriers 
        
          Fitted Wraps
          Merino Wraps
          Muslin Wraps
          Stretch Cotton
        
      
      
        Gifts 
        
          Fitted Wraps
          Merino Wraps
          Muslin Wraps
          Stretch Cotton
        
      
    
  
  Brands

jQuery select all siblings & children except self

Answers (1)

Related Questions

jQuery select all siblings &amp; children except self

Answers (1)

Related Questions

jQuery select all siblings & children except self