[jQuery] Superfish Menu Disappears When Clicked
Hello All,
I have two superfish menus on the same page in the same menu.
Whenever I click on one of the items in one of the menus the other
superfish menu disappears. Here is the CSS code I'm using, but I
don't think it is the issue. Any help would be greatly appreciated.
ul.sf-menu li, ul.sf-menu li * {
list-style: none;
}
.sf-menu ul.sub {
position: absolute;
top: -999em;
width: 7em;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
}
.sf-menu ul.sub li {
width: 100%;
padding-left: 4px;
background-color: white;
z-index: 99;
}
.sf-menu ul.sub li:hover {
visibility: inherit;
}
.sf-menu li {
float: left;
position: relative;
}
.sf-menu a {
display: block;
position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left: 0;
top: 2.5em; /* match top ul list item height */
z-index: 99;
background-color: #fff;
}
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: 10em; /* 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: 10em; /* match ul width */
top: 0;
}