Hi guys and gals!
I have this to keep the hoverstate of my menu item when the dropdown menu is hovered to;
They are not nested so can't use css only...Code:$("#dropdown1").hover( function () { $("#item1").addClass("hover"); }, function () { $("#item1").removeClass("hover"); } ); $("#dropdown2").hover( function () { $("#item2").addClass("hover"); }, function () { $("#item2").removeClass("hover"); } ); $("#dropdown3").hover( function () { $("#item3").addClass("hover"); }, function () { $("#item3").removeClass("hover"); } );
It works fine but it looks a bit unnecessary...is there anyway to simplify this so I dont need to have one for each menu item?
Thanks in advance!![]()




Reply With Quote
Bookmarks