jQuery changing class on toggle

Question

I have an issue in changing class for the element collapsed but with my code it is changing class for every element.

$('.panel-heading').click(function(){
    $(this).next('.panel-body').slideToggle('fast');
    $('.panel-handle').toggleClass('glyphicon glyphicon-minus icon-window');
});

How can I change the class only for the respective element?

please share the html, you need to find the panel-handle element in relation to the clicked panel-heading element — Arun P Johny
– Arun P Johny, Commented Sep 19, 2013 at 6:47

Arun P Johny · Accepted Answer · 2013-09-19 06:48:27Z

3

Your selector $('.panel-handle') targets all the .panel-handle elements in the page, instead you need to find the .panel-handle related to the clicked .panel-heading element

I assume the .panel-handle element is a child element of the .panel-heading element, then

$('.panel-heading').click(function(){
    $(this).next('.panel-body').slideToggle('fast');
    $(this).find('.panel-handle').toggleClass('glyphicon glyphicon-minus icon-window');
});

answered Sep 19, 2013 at 6:48

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

Comments

Pascalz · Accepted Answer · 2013-09-19 06:51:58Z

1

Try this :

 $(this).find('.panel-handle').toggleClass('glyphicon glyphicon-minus icon-window');

answered Sep 19, 2013 at 6:51

Pascalz

2,3581 gold badge24 silver badges25 bronze badges

1 Comment

Code Lover Over a year ago

Thanks everyone gave the same answer.. +1

Ashisha Nautiyal · Accepted Answer · 2013-09-19 06:58:50Z

0

use find function to get dom element inside your "panel-heading" class

 $(this).find('.panel-handle').toggleClass('glyphicon glyphicon-minus icon-window');

answered Sep 19, 2013 at 6:58

Ashisha Nautiyal

1,3952 gold badges19 silver badges39 bronze badges

1 Comment

Ashisha Nautiyal Over a year ago

its accurate that's why bro

Collectives™ on Stack Overflow

jQuery changing class on toggle

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related