Dropdown top main menu

[Osmosis_Johnes]

Hello.
I'm using repurpose theme. I would like change top menu to perform dropdown by hover instead clicking.
How to do this, what to change?
Please share your knowledge.
Thank you.

[teseo]

Hi,

Replace the last two lines of your Repurpose main.php:

Code: [Select]

    </body>
</html>
with:

Code: [Select]

        <script type="text/javascript">
        $("body").bind("hover", function (e) {
            $('a.menu').parent("li").removeClass("open");
        });
        $("a.menu").hover(function (e) {
            $('a.menu').parent("li").removeClass("open");
            var $li = $(this).parent("li").toggleClass('open');
            return false;
        });
    </script>
    </body>
</html>
Regards

[Osmosis_Johnes]

Hi,

Replace the last two lines of your Repurpose main.php:

Code: [Select]

    </body>
</html>
with:

Code: [Select]

        <script type="text/javascript">
        $("body").bind("hover", function (e) {
            $('a.menu').parent("li").removeClass("open");
        });
        $("a.menu").hover(function (e) {
            $('a.menu').parent("li").removeClass("open");
            var $li = $(this).parent("li").toggleClass('open');
            return false;
        });
    </script>
    </body>
</html>
Regards

Thank you. It works!
If I move cursor away of menu it stay open while I not click somewhere. How to hide automatically dropped menu after moving cursor off?

Thank you for help.

[Osmosis_Johnes]

If I remove string

Code: [Select]

<script type="text/javascript">
        $("body").bind("hover", function (e) {
            $('a.menu').parent("li").removeClass("open");
        });
        $("a.menu").hover(function (e) {
         <!--   $('a.menu').parent("li").removeClass("open"); -->           <----------------------remove this string---------------------
            var $li = $(this).parent("li").toggleClass('open');
            return false;
        });
</script>Then I get hidden dropdown menu but I can't hover on the list in submenu. How to hide dropdown menu only if I move off cursor from menu and list in submenu?

[Osmosis_Johnes]

Guys, script proposed above works only on start page of site! If I go to any page then I get not working dropdown menu.
I guess in some other file I have to change something additionally... Please help!
Thank you.

[Osmosis_Johnes]

up

[design]

learn javascript. this is osclass

google the name of the script and it will tell you how to customize to your satisfaction