jQuery Add / Remove Class on Click

Question

function NavMenu() {
    $(function() {                       
      $(".toggle-topbar").click(function() {
        $(".top-bar").addClass("expanded"); 
      });
    });
}

This function allows a Menu Button to expand a drop down for when running on a mobile/tablet device, ive so far got it this far, which expands the drop down, however how do i go about removing the class when i then click the option again?

Many Thanks

Arun P Johny · Accepted Answer · 2014-03-23 15:41:13Z

1

You can use toggleClass()

$(".top-bar").toggleClass("expanded");

answered Mar 23, 2014 at 15:41

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

Collectives™ on Stack Overflow

jQuery Add / Remove Class on Click

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related