Jquery click function question

Question

I have a function that when user click first it will add a class then in second click it will remove the class, and again.. so on.. it's like when first click it means active, then second is not active. Just like that.

Here is my code:

$('.sub-nav-add').css('display','none');
   $('.nav-add').click(function(){
   $('.sub-nav-add').slideToggle(200);
   $('.box-add').addClass('sub-nav-active');
});

How can I add a second click function that will removeClass?

James Kovacs · Accepted Answer · 2010-11-24 03:48:25Z

6

Use toggleClass.

$('.sub-nav-add').css('display','none');
$('.nav-add').click(function(){
    $('.sub-nav-add').slideToggle(200);
    $('.box-add').toggleClass('sub-nav-active');
});

answered Nov 24, 2010 at 3:48

James Kovacs

11.7k42 silver badges44 bronze badges

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

Comments

PleaseStand · Accepted Answer · 2010-11-24 03:46:51Z

4

Take a look at the .toggle method. It will do exactly what you want.

answered Nov 24, 2010 at 3:46

PleaseStand

32.2k7 gold badges72 silver badges96 bronze badges

1 Comment

Ian Henry Over a year ago

Man, how have I never seen that before? That is really convenient.

Collectives™ on Stack Overflow

Jquery click function question

2 Answers 2

Comments

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