How to remove class active from multiple active li (multiselect li)

Question

I created an

• list. When you select each
• , there will be active classes each. Now, my goal is how to deselect or remove the active class on the current selected
• if it has active class already. $('.package_wrap li').click(function() { $('.package_wrap li.active').removeClass('active'); $(this).addClass('active'); }); .active { background-color: lightgreen; }
  • foo1
  • foo2
  • foo3
  • foo4
  • foo5
  Run code snippetExpand snippet Now, if I want to deselect foo3 without removing the active class of foo1 and foo2. How can I do it? In this event, it only select and deselect one
• at a time. What I want is that I can multi select
• or put active classes on them and can deselect one
• without affecting other
• . actual code JavaScript questions and answers, JavaScript questions pdf, JavaScript question bank, JavaScript questions and answers pdf, mcq on JavaScript pdf, JavaScript questions and solutions, JavaScript mcq Test , Interview JavaScript questions, JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)

Answer 1

For you desire result you just need toggleClass instead of remove and addClass. $('.package_wrap li').click(function() { $(this).toggleClass('active'); }); .active { background-color: lightgreen; }

• foo1
• foo2
• foo3
• foo4
• foo5

Run code snippetExpand snippet I hope this will help.