I am having some issues figure out how i can just remove a class ="active" from a just one of my lists.I have a navigation bar:\[code\]<div class="container"> <ul class="nav"> <li class="active"><a href="http://stackoverflow.com/questions/15692291/#"></a>Home</li> <li><a href="http://stackoverflow.com/questions/15692291/#"></a>About</li> <li><a href="http://stackoverflow.com/questions/15692291/#"></a>Contact</li> </ul></div>\[/code\]I also have a menu within Home:\[code\]<div class="container_2"> <ul> <li class="left-main-list active"><a href="http://stackoverflow.com/questions/15692291/#">Subject 1</a></li> <ul class="list-in-list"> <li><a href="http://stackoverflow.com/questions/15692291/#">Sub subject 1</a></li> <li><a href="http://stackoverflow.com/questions/15692291/#">Sub subject 2</a></li> </ul> <li class="left-main-list><a href="http://stackoverflow.com/questions/15692291/#">Subject 2</a></li> <li class="left-main-list><a href="http://stackoverflow.com/questions/15692291/#">Subject 3</a></li> </ul></div>\[/code\]While i browse my menu on the home page, i want to change the the active list items class to active when clicked, so i now have this jQuery code:\[code\]$(document).ready(function() { $('li').click(function() { $('li').removeClass('active'); $(this).addClass('active'); }); });\[/code\]This works for my menu, the class change to the current one, but it also delete my navigation bars class, which i don't want. 
I have tried something like:\[code\]$(document).ready(function() { $('.left-main-list').click(function() { $('.left-main-list li').removeClass('active'); $(this).addClass('active'); });});\[/code\]I've tried '.left-main-list li' & 'li.left-main-list' without any success.Greatful for answer to this question, and i hope my question (this time) is more accurate than my previous ones. /Billps: Can a sub subject AND a main subject be active at the same time, and that sub subject's class of active, be removed if you for example click another sub subject, but the main item still have it's class of active?
I have tried something like:\[code\]$(document).ready(function() { $('.left-main-list').click(function() { $('.left-main-list li').removeClass('active'); $(this).addClass('active'); });});\[/code\]I've tried '.left-main-list li' & 'li.left-main-list' without any success.Greatful for answer to this question, and i hope my question (this time) is more accurate than my previous ones. /Billps: Can a sub subject AND a main subject be active at the same time, and that sub subject's class of active, be removed if you for example click another sub subject, but the main item still have it's class of active?