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.

[HTML] pobierz, plaintext 
  1. <div id='cssmenu'>
  2.     <ul>
  3.        <li class='has-sub'><a style="cursor:pointer;"> Przyklad </a> 
  4.          <ul>
  5.              <li><a href="przyklad2.html">Przyuklad 2</a></li>
  6.              <li><a href="przyklad3.html">Przyklad 3</a></li>
  7.           </ul>
  8.        </li>
  9.        <li class='active'><a href="przyklad4.html">Przyklad 4</a></li>
  10.     </ul>
  11. <div>
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. #cssmenu,
  2. #cssmenu ul,
  3. #cssmenu li,
  4. #cssmenu a {
  5.   margin: 0;
  6.   padding: 0;
  7.   border: 0;
  8.   list-style: none;
  9.   font-weight: normal;
  10.   text-decoration: none;
  11.   line-height: 1;
  12.   font-family: 'Open Sans', sans-serif;
  13.   font-size: 14px;
  14.   position: relative;
  15.   color: #94A3B3;
  16. }
  17. #cssmenu a {
  18.   line-height: 1.3;
  19. }
  20. #cssmenu {
  21.   width: 220px;
  22. }
  23.  
  24. #cssmenu ul
  25. {
  26.   border: 1px solid #556677;
  27. }
  28. #cssmenu > ul > li > a  {
  29.   background: #262d34;
  30.   border-bottom: 1px solid #556677;
  31.   padding: 10px;
  32.   display: block;
  33.   font-size: 13px;
  34.   font-weight: 300;
  35. }
  36.  
  37. #cssmenu > ul > li > a:hover {
  38.   text-decoration: none;
  39.   background: #e85545;
  40. }
  41. #cssmenu > ul > li.active {
  42.   border-bottom: none;
  43. }
  44.  
  45. #cssmenu > ul > li.active > a {
  46.   color: #fff;
  47.   background: #ff4629;
  48. }
  49.  
  50. #cssmenu > ul > li:hover> a  {
  51.   background: #e85545;
  52.   color: black;
  53. }
  54. #cssmenu span.cnt {
  55.   position: absolute;
  56.   top: 8px;
  57.   right: 15px;
  58.   padding: 0;
  59.   margin: 0;
  60.   background: none;
  61. }
  62. /* Sub menu */
  63. #cssmenu ul ul {
  64.   display:none;
  65.   border: none;
  66.   visibility: visible;
  67. }
  68.  
  69.  
  70. #cssmenu ul ul li {
  71.   border-bottom: 1px solid #404D59;
  72.   display:block;
  73. }
  74. #cssmenu ul ul a {
  75.   padding: 5px;
  76.   display: block;
  77.   color: #B2BDC8;
  78.   font-size: 13px;
  79.   background: #333D47;
  80. }
  81.  
  82.  
  83. #cssmenu ul ul a:hover {
  84.   background: #e85545;
  85.   color: black;
  86. }
  87. #cssmenu ul ul a.active {
  88.   background: #667a8f;
  89. }
  90.  
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. $('#cssmenu > ul > li > a').click(function() {
  2.   $('#cssmenu li').removeClass('active');
  3.   $(this).closest('li').addClass('active');	
  4.    var checkElement = $(this).next();
  5.    if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
  6. 	 $(this).closest('li').removeClass('active');
  7.      checkElement.slideUp('normal');
  8.   }
  9.    if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
  10.      $('#cssmenu ul ul:visible').slideUp('normal');
  11.      checkElement.slideDown('normal');
  12.    }
[HTML] pobierz, plaintext


Pozdrawiam i czekam na podpowiedź