Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Jan 2012
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Delayed drop down menu

    Its a real pain when you try to go into a category and then hit your mouse off of it and the rab disappears.

    Alot of our customers have been complaining about that.

    So id like to ad a delayed drop down code into the css file.

    I found the code but have no idea how to integrate it into it.

    Is there anyone who things they may be able to help.....

    This is the code i found:

    <script type="text/javascript">
    $(document).ready(function(){
    $("#delayed-drops .nav-item").hoverIntent({
    interval: 150, // milliseconds delay before onMouseOver
    over: drops_show,
    timeout: 500, // milliseconds delay before onMouseOut
    out: drops_hide
    });
    });
    function drops_show(){ $(this).addClass('show'); }
    function drops_hide(){ $(this).removeClass('show'); }
    </script>

    <style type="text/css">
    #delayed-drops .nav-item.show .drops {
    display: block;
    }
    </style>

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,853
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Its a real pain when you try to go into a category and then hit your mouse off of it and the rab disappears.
    The issue is not clear. Can we have a link to your page?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •