<div>
<div class="content wysiwyg-content">
<br />
Hello Experts,<br />
<br />
i have this very simple code which basically add class to the ul list when its clicked.<br />
when the user click on any of the other list i want to remove the class. currently it stays highlighted though i clicked on the next list.<br />
<br />
&nbsp;
<pre><code id="code-8225345">$('#faq_collection li a').click( function() {
	$(this).toggleClass('active');</code></pre>
</div>
</div>



Hello Experts,

i have this very simple code which basically add class to the ul list when its clicked.
when the user click on any of the other list i want to remove the class. currently it stays highlighted though i clicked on the next list.

 

jquery click toggle class

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

jQuery

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.