• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 279
  • Last Modified:

Second dropdown using superfish

At http://ts.imagewize,net I added a second dropdown menu under services>project solutions. It works. But now I am trying to hide the secondary dropdown menu when mouse leaves the first dropdown menu item leading to that secondary dropdown, like I did in the main menu going from one list item to another. No luck. What path should I use to hide when mouse moves to second primary dropdown item and what path to unhide it when on it? And of course I prefer a general path so it can be used for other secondary drop downs. Thanks in advance for your help!

I used attached code without luck..


/*2nd level dropdowns*/ 

ul.sf-menu li ul li:hover ul,
ul.sf-menu li ul li.sfHover ul {
	top:-999em;
}

ul.sf-menu li ul li:hover,
ul.sf-menu li.sfHover ul li.sfHover {
	left:8em; /*match ul width*/ 
	top:0;
}
/*end second level dropdowns */

Open in new window

0
rhandalthor
Asked:
rhandalthor
  • 10
1 Solution
 
cmalakarCommented:
I cannot access your link
0
 
rhandalthorAuthor Commented:
Should be http://ts.imagewize.com . Sorry about that.
0
 
rhandalthorAuthor Commented:
Any ideas Cmalakar?
0
Cloud Class® Course: MCSA MCSE Windows Server 2012

This course teaches how to install and configure Windows Server 2012 R2.  It is the first step on your path to becoming a Microsoft Certified Solutions Expert (MCSE).

 
rhandalthorAuthor Commented:
Next day and still have not managed to make the second dropdown at ts.imagewize.com to disappear when the mouse moves to the second first level menu item. Have you had time to have a look yet Cmalakar?
0
 
rhandalthorAuthor Commented:
Wonder why the added code does not suffice:

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:8em; /* match ul width */
	top:0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:-999em;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:8em; /* match ul width */
	top:0;
}

Open in new window


When I uncomment my own code I added for positioning:
#navigation ul.project-solutions-dropdown {
	margin: 0px 0 0 -4px;
}

Open in new window


the second dropdown still shows. But clearly some code is missing to hide it when the mouse moves to the second menu item in the first dropdown..
0
 
rhandalthorAuthor Commented:
Seems like whole dropdown get sfHover class instead of just a menu item. That is why the second dropdown does not disappear I guess..
0
 
rhandalthorAuthor Commented:
In sf.defaults I adjusted pathLevels to 2 and now the secondary dropdown is hidden in FF when I move to second first level dropdown menu item, but nothing has changed in IE8/Safari 5.0.5
0
 
rhandalthorAuthor Commented:
In FF 4.0.1 the second level menu is hidden when mouse moves to next menu item in first dropdown using standard Superfish settings as well. So it must be another issue.
0
 
rhandalthorAuthor Commented:
It works in Chrome 11 and FF 4.0.1. Not in Safari 5.0.5. In IE7/8 the secondary dropdown is not even shown.
0
 
rhandalthorAuthor Commented:
Fixed this issues with help at jQuery forum http://forum.jquery.com/topic/superfish-1-4-8-secondary-dropdown-issue#14737000002247416 . All good now.
0
 
rhandalthorAuthor Commented:
I did get no help. Only request for proper url which I provided. Asked expert for help and posted my findings. No help. In the end I got help at jQuery. Even a request for attention was not answered. Disappointed, but proud to have solved it with a hint at the jQuery forum
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 10
Tackle projects and never again get stuck behind a technical roadblock.
Join Now