need to add and remove active class from same list item
<p>This code is adding Active class on clicking and If i am clicking on another list it is working fine but if I am clicking again on same link it is not removing active class from it. Please help me out.</p>

<p>Thanks in Advance.</p>

<pre><code>$(document).ready(function(){
    $("li.menulink a").click(function(e){
    e.preventDefault();
    var thisList = $(this).next();
    thisList .toggle();
    $('li.menulink div').not(thisList).hide();
    $('a').removeClass('active');
    $(this).addClass('active');

    //$(this).removeClass("active");
});

}); 

&lt;ul class="allcategorymenu"&gt;
            &lt;li class="menuheading menulink"&gt;&lt;h1&gt;All Categories&lt;/h1&gt;&lt;/li&gt;
            &lt;li class="mobile menulink"&gt;&lt;a href="#"&gt;&lt;span&gt;Mobile &amp;amp; Accessories&lt;/span&gt;&lt;/a&gt;
            &lt;div class="submenu" style="display:none;"&gt;
                &lt;ul&gt;
                    &lt;li&gt;&lt;a href="1.html"&gt;All Jewelry&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="2.html"&gt;Diamond Jewelry&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="3.html"&gt;Silver Jewelry&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Pearl Jewelry&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Fashion Jewelry&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Gemstone Jewelry&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Spiritual Jewelry&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
            &lt;/div&gt;
            &lt;/li&gt;
            &lt;li class="mens menulink"&gt;&lt;a href="#"&gt;&lt;span&gt;Men's Apparel&lt;/span&gt;&lt;/a&gt;
            &lt;div class="submenu" style="display:none;"&gt;
                &lt;ul&gt;
                    &lt;li&gt;&lt;a href="1.html"&gt;All Jewelry&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="2.html"&gt;Diamond Jewelry&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="3.html"&gt;Silver Jewelry&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Pearl Jewelry&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Fashion Jewelry&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Gemstone Jewelry&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Spiritual Jewelry&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
            &lt;/div&gt;
    &lt;/li&gt;
    &lt;/ul&gt;
</code></pre>
