›
Before you ask please READ THIS

Main Menu Drop Down - How to replicate hover

djjellydjjelly
edited October 2012 in Skyfashion Posts: 10
Hello there,
I am connecting my blog with Opencart and I am using Wordpress as the Main Navigation provider because it's so much better.

However I need to style the Opencart navigation in the same way as well as make it behave the same when there is a 2nd level of navigation.

I've done most of the styling, but I can't figure out how you do the Hover Drop down effect.
Is that some standard Jquery functionality? Can you please point me to the JS file that creates this behaviour so I can transfer it on my Opencart instalation and replicate the behaviour of sliding down?

Thanks a lot in advance.

Comments

  • [Deleted User][Deleted User]
    edited October 2012 Posts: 0
    Hello,
    this is javascript code: 
        jQuery(document).ready(function () {
            jQuery('div#header #nav li').hover(
                function () {
                    jQuery(this).children('ul').slideDown(100);
                },
                function () {
                    jQuery('ul', this).slideUp(100);
                }
            );
        });
    It is on the bottom of fotter.php file.

    Best,
    Miłosz Kroczek
    Post edited by Air on
  • djjellydjjelly
    Posts: 10
    You are a legend! Thanks a lot Miłosz
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Sign In Register

Quick Links

Categories

In this Discussion