Hi everyone,
How to make 5 Level CSS Horizontal Menu to work? (Now it shows the whole branch even if the cursor is not over the parent).
Thanks
5 Level CSS Horizontal Menu
-
thetmz
Re: 5 Level CSS Horizontal Menu
Got it working.
If anybody needs the code, here it is:
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li:hover ul ul ul,
#primary-nav li:hover ul ul ul ul,
#primary-nav li:hover ul ul ul ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul,
#primary-nav li.menuparenth ul ul ul,
#primary-nav li.menuparenth ul ul ul ul
#primary-nav li.menuparenth ul ul ul ul ul {
display: none;
}
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav ul ul ul li:hover ul,
#primary-nav ul ul ul ul li:hover ul,
#primary-nav ul ul ul ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul,
#primary-nav ul ul ul li.menuparenth ul,
#primary-nav ul ul ul ul li.menuparenth ul
#primary-nav ul ul ul ul ul li.menuparenth ul
#primary-nav ul ul ul ul ul ul li.menuparenth ul
{
display: block;
}
If anybody needs the code, here it is:
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li:hover ul ul ul,
#primary-nav li:hover ul ul ul ul,
#primary-nav li:hover ul ul ul ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul,
#primary-nav li.menuparenth ul ul ul,
#primary-nav li.menuparenth ul ul ul ul
#primary-nav li.menuparenth ul ul ul ul ul {
display: none;
}
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav ul ul ul li:hover ul,
#primary-nav ul ul ul ul li:hover ul,
#primary-nav ul ul ul ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul,
#primary-nav ul ul ul li.menuparenth ul,
#primary-nav ul ul ul ul li.menuparenth ul
#primary-nav ul ul ul ul ul li.menuparenth ul
#primary-nav ul ul ul ul ul ul li.menuparenth ul
{
display: block;
}
