Hi, I used toggleClass method to toggle the colors of my message when the user clicks a button. toggleClass() worked well if I didn't specify any duration i.e. instanteous switch from white background to red background. The problem arises when I added a duration of ,say, 2s. If the user clicked the button before the message has reached the final state (say the user clicked the button 1s after the 1st click), clicking the button will not revert the message to its original state i.e. white background. How do I fix this?
Also, the reason as why I use _class_ is I want to define the UI properties in CSS instead of in JS as keys/values. Thanks <script type="text/javascript"> $("#clickMe").click(function() { $("#console").toggleClass('red', 2000); return false; }); </script> <style> .red {background-color:red;} </style> <body> <div id="console">Empty</div> <div id="clickMe">Click Me</div> </body>