Hi guys and gals!

I have this to keep the hoverstate of my menu item when the dropdown menu is hovered to;
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");
                    }
                );
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!