toggle

I have multiple buttons, that get their active css style with a jquery toggle script. But I want to have only one button at a time active. But also, when I re-click an active button, it has to become unactive. $(document).ready(function(){ $('.button').click(function() { $(this).toggleClass('buttonactive'); }); }); Basicly I need to add a line saying: $(all .button except this).removeClass('buttonactive'); I don't know how. Can someone help me? Here's a JSFIDDLE with the problem: http://jsfiddle.net/nV5Tu/3/ You can do it like this using .toggleClass() to toggle current element.. then using

i want to disable the click handler when the toggle animation is showing so the animation won't build up because of multiple fast click. thanks jquery script: $("#button").click({ $(this).unbind('click').next().toggle("slow",function(){$('#button').bind('click')}); }); html code <div <a href='#' id='button'>Toggle</a> <div> test </div> </div> As mentioned your implementation of event attachment is broken. On top of that there is a method in jQuery called .stop which releases you from needing to use bind/unbind. $("#button").click(function(){ $(this).next().stop().toggle("slow"); }); All it

thanks to Nick Craver I've got a nice toggle menu going, however i've come up with the problem that if users keep clicking new menus the page will keep growing which i dont want, so the idea is: as one menu opens, any currently open menus to close. The full source is @ http://the-dot.co.uk/new/ here are 2 snippets of the code I'm using. <script type="text/javascript"> $(document).ready(function() { $("ul li a").click(function() { $(this).parent().next().toggle("fast"); }); }); </script> and html structure is <ul class="navigation"> <li><a name="us" title="us">Us</a></li> <li id="us">about