SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Hybrid View

  1. #1
    SitePoint Guru
    Join Date
    Jun 2009
    Posts
    820
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)

    trying to build a dropdown menu..

    am trying to build a simple nav....
    thought I'd get started here,
    http://www.sitepoint.com/building-an...avigation-bar/

    but I want one with sub-menus...

    so based on nav at above url, I built this..
    http://mayacove.com/dev/rd/nav/nav.html

    only problem I'm having is the sub-menus disappear when I the mouse goes over the submenus, if I mouse out of the main link, but to empty area, then the sub-menus stay... I have looked for solutions, but anything I find regarding menus with dropdowns is always with plugins... is there a way to do this without a plugin?

    thank you.....

  2. #2
    SitePoint Member
    Join Date
    Jul 2013
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You can add $(this).delay(5000).hide(); in to js/scripts.js;
    Code:
            	$('nav ul a').mouseleave(function() {
    		$('nav ul a').removeClass('selected');
    		$(this).addClass('selected');		
    		$(this).siblings( $('ul') ).show();
    		$(this).css('border','solid 1px red');
                    $(this).delay(5000).hide();  // 5 seconds delay
    	    });

  3. #3
    SitePoint Guru
    Join Date
    Jun 2009
    Posts
    820
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    thank you Kinwoh.....

    but I don't want to hide any links.......

    this totally doesn't work.....:-(
    http://mayacove.com/dev/rd/nav/nav2.html


    this is done all the time with dropdown menus... so how do they do it?????


Bookmarks

Posting Permissions

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