Change ul's style onclick - css/jquery

Question

I have this simple menu with some <ul>s that loads its content onclicking on it. And I want to change the style of every ul on loading the content that belongs to it. Here's the menu: http://jsfiddle.net/EPvGf/11/

David Thomas · Accepted Answer · 2013-06-12 16:22:20Z

3

I'd suggest:

$(this).closest('ul').addClass('newStyle');

Though within a click-handler (assuming nested ul elements):

$('li').click(function(e){
    $(e.target).closest('ul').addClass('newStyle');
});

JS Fiddle demo.

References:

answered Jun 12, 2013 at 16:22

David Thomas

254k53 gold badges382 silver badges421 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

PSL · Accepted Answer · 2013-06-12 16:32:21Z

1

I think you meant styling the corresponding parent li (with the border bottom using the class current) as you are doing for the first one by default. You can try this:

$('.current').not(
             $(this)
               .closest('li')
               .addClass('current'))
.removeClass('current');

or just

$(this)
       .closest('li') //Get to the parent li
       .addClass('current') //add the class current
       .siblings('.current') // select the sibling with the same class  (previous selection)
       .removeClass('current'); //remove the class from there

Demo

edited Jun 12, 2013 at 16:32

answered Jun 12, 2013 at 16:27

PSL

124k21 gold badges257 silver badges243 bronze badges

1 Comment

PSL Over a year ago

@user2401856 You are welcome. Probably you should rephrase your questions. That is a bit confusing.. :)

Collectives™ on Stack Overflow

Change ul's style onclick - css/jquery

2 Answers 2

Comments

Demo

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related