Witam,
mam problem z menu pionowym. Problem polega na tym że po kliknięciu w rozwiniętą daną podkategorię menu się zwija a chciałbym żeby zostało rozwiniętę i zaznaczone na czym aktuanie jestem.
<li class='has-sub'><a style="cursor:pointer;"> Przyklad
</a> <li><a href="przyklad2.html">Przyuklad 2
</a></li> <li><a href="przyklad3.html">Przyklad 3
</a></li> <li class='active'><a href="przyklad4.html">Przyklad 4
</a></li>
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
margin: 0;
padding: 0;
border: 0;
list-style: none;
font-weight: normal;
text-decoration: none;
line-height: 1;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
position: relative;
color: #94A3B3;
}
#cssmenu a {
line-height: 1.3;
}
#cssmenu {
width: 220px;
}
#cssmenu ul
{
border: 1px solid #556677;
}
#cssmenu > ul > li > a {
background: #262d34;
border-bottom: 1px solid #556677;
padding: 10px;
display: block;
font-size: 13px;
font-weight: 300;
}
#cssmenu > ul > li > a:hover {
text-decoration: none;
background: #e85545;
}
#cssmenu > ul > li.active {
border-bottom: none;
}
#cssmenu > ul > li.active > a {
color: #fff;
background: #ff4629;
}
#cssmenu > ul > li:hover> a {
background: #e85545;
color: black;
}
#cssmenu span.cnt {
position: absolute;
top: 8px;
right: 15px;
padding: 0;
margin: 0;
background: none;
}
/* Sub menu */
#cssmenu ul ul {
display:none;
border: none;
visibility: visible;
}
#cssmenu ul ul li {
border-bottom: 1px solid #404D59;
display:block;
}
#cssmenu ul ul a {
padding: 5px;
display: block;
color: #B2BDC8;
font-size: 13px;
background: #333D47;
}
#cssmenu ul ul a:hover {
background: #e85545;
color: black;
}
#cssmenu ul ul a.active {
background: #667a8f;
}
$('#cssmenu > ul > li > a').click(function() {
$('#cssmenu li').removeClass('active');
$(this).closest('li').addClass('active');
var checkElement = $(this).next();
if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
$(this).closest('li').removeClass('active');
checkElement.slideUp('normal');
}
if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
$('#cssmenu ul ul:visible').slideUp('normal');
checkElement.slideDown('normal');
}
Pozdrawiam i czekam na podpowiedź