?
Solved

Second dropdown using superfish

Posted on 2011-05-03
11
Medium Priority
?
277 Views
Last Modified: 2012-05-11
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
Comment
Question by:rhandalthor
  • 10
11 Comments
 
LVL 23

Expert Comment

by:cmalakar
ID: 35513176
I cannot access your link
0
 

Author Comment

by:rhandalthor
ID: 35513719
Should be http://ts.imagewize.com . Sorry about that.
0
 

Author Comment

by:rhandalthor
ID: 35515666
Any ideas Cmalakar?
0
Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

 

Author Comment

by:rhandalthor
ID: 35686641
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
 

Author Comment

by:rhandalthor
ID: 35687590
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
 

Author Comment

by:rhandalthor
ID: 35687609
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
 

Author Comment

by:rhandalthor
ID: 35687672
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
 

Author Comment

by:rhandalthor
ID: 35687688
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
 

Author Comment

by:rhandalthor
ID: 35687699
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
 

Accepted Solution

by:
rhandalthor earned 0 total points
ID: 35689798
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
 

Author Closing Comment

by:rhandalthor
ID: 35718371
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

Featured Post

Upgrade your Question Security!

Add Premium security features to your question to ensure its privacy or anonymity. Learn more about your ability to control Question Security today.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

A while back, I ran into a situation where I was trying to use the calculated columns feature in SharePoint 2013 to do some simple math using values in two lists. Between certain data types not being accessible, and also with trying to make a one to…
In this blog, we’ll look at how improvements to Percona XtraDB Cluster improved IST performance.
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
Suggested Courses

807 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question