Hi, I'm new to jQuery and liking what I've seen so far. I'm curious as to whether I can reduce my code, using chaining perhaps?
Example... $('.nav_company').hoverIntent(function() { // toggle display of company sub menu content panel $('.nav_sub_default').removeClass('onscreen').addClass ('offscreen'); $('.nav_sub_company').removeClass('offscreen').addClass ('onscreen'); $('.nav_sub_products').removeClass('onscreen').addClass ('offscreen'); $('.nav_sub_markets').removeClass('onscreen').addClass ('offscreen'); $('.nav_sub_tools_support').removeClass('onscreen').addClass ('offscreen'); $('.nav_sub_news_events').removeClass('onscreen').addClass ('offscreen'); },function(){ return false; }); Based on the fact that there are 6 menu items (nav_sub_x) - I currently have the above code entered 6 times to add and remove the necessary classes from each of the relevant DIVs on the page. Is there a cleaner way to do this? Many thanks in advance. Cheers, Rob