How to set class="active" in jquery

Question

I have a sample code:

• Bank1
• Bank2

• USD
• EURO

And jquery: $(document).ready(function(){ $('.box li').click(function(){ $('#banks li').removeClass('active1'); $('#buttons li').removeClass('active2'); $(this).addClass('active1'); $(this).addClass('active2'); }); }); OUPUT: Error when click on:

• Bank1
• Bank2

• USD
• EURO

How to using jquery exactly for add class for 2 id are (banks and buttons) with 2 class are (active1, active2) 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

AS I understand you need to be able to choise single option in each section. Use only one active class and change styles in css: html:

• Bank1
• Bank2

• USD
• EURO

js: $(document).ready(function(){ $('.box li').click(function() { $(this).siblings('li').removeClass('active'); $(this).addClass('active'); }); }); css: .box li { cursor:pointer; } #banks .active { color:red; } #buttons .active { color:blue; } Code: http://jsfiddle.net/jn3v4/2/