Help me simplify this jQuey hover thingie please! :)

JavaScript
1

Hi guys and gals! :slight_smile:

I have this to keep the hoverstate of my menu item when the dropdown menu is hovered to;


                $("#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");
                    }
                );

They are not nested so can’t use css only…

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! :smiley: