Results 1 to 4 of 4

Thread: Hover state of jQuery Multi Level CSS Menu #1

  1. #1
    Join Date
    Jan 2011
    Posts
    49
    Thanks
    10
    Thanked 0 Times in 0 Posts

    Default Hover state of jQuery Multi Level CSS Menu #1

    1) Script Title: jQuery Multi Level CSS Menu #1

    2) Script URL (on DD): http://www.dynamicdrive.com/style/cs...rizontal_blue/

    3) There is hover state for the main menus and the sub-menus. When the cursor is in its sub-menu, the hover state of the corresponding main menu disappears. I want to retain the hover state of the main menu when the cursor is in its sub-menus.

    Any help?

  2. #2
    Join Date
    Jan 2011
    Posts
    49
    Thanks
    10
    Thanked 0 Times in 0 Posts

    Default

    Is it possible with Javascipt or jQuery statements?

  3. #3
    Join Date
    Jan 2011
    Posts
    49
    Thanks
    10
    Thanked 0 Times in 0 Posts

    Default

    Will the script such as the below will fix this problem?

    // dropdown navigation
    $(".navcontent ul:first li:has(ul)").each(function(){ $(this).find('a:first').addClass('dropdownlink'); }); // add class to dropdown link
    $(".navcontent ul:first li:has(ul)").each(function(){ $(this).find('li:last').addClass('lastlink'); }); // add class to last dropdown list
    /*$(".navcontent ul:first li:has(ul)").hover(function(){
    $(this).find('ul:first').css({visibility: "visible",display: "none"}).show(1).parent().find('.dropdownlink').addClass('opened');
    },function(){
    $(this).find('ul:first').css({visibility: "hidden"}).parent().find('.dropdownlink').removeClass('opened');
    });*/

    $(".navcontent ul:first li:has(ul) a").hover(function(){
    $(this).parent().find('ul:first').css({visibility: "visible",display: "none"}).show(1).parent().find('.dropdownlink').addClass('opened');
    },function(){
    });

    $(".navcontent ul:first li:has(ul) a").click(function(){
    $(this).parent().find('ul:first').css({visibility: "visible",display: "none"}).show(1).parent().find('.dropdownlink').addClass('opened');
    },function(){
    });

    $(".navcontent ul:first li:has(ul)").hover(function(){
    },function(){
    $(this).find('ul:first').css({visibility: "hidden"}).parent().find('.dropdownlink').removeClass('opened');
    });

    $(".navcontent ul:first li:has(ul)").click(function(){
    },function(){
    $(this).find('ul:first').css({visibility: "hidden"}).parent().find('.dropdownlink').removeClass('opened');
    });

    ---
    Class "navcontent" to be replaced with "jquerycssmenu"

  4. #4
    Join Date
    Jan 2011
    Posts
    49
    Thanks
    10
    Thanked 0 Times in 0 Posts

    Default

    Any help?

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
  •