Rozwijane menu w Bok

[Engine]

coś tak, dodatkowo masz możliwość ustawienia class="active" dla li

Kod:

<div id="menu">
<!-- przygotowanie menu poziomego ulozonego po lewej stronie strony-->
    <ul>
     <li class="active"><a href="index.html"><p>Strona główna</p></a></li>
     <li><a href="" class="dropdown-toggle"><p>modele</p></a>
     <ul>
       <li><a href="index.html"><p>link1</p></a></li>
       <li><a href="index.html"><p>link2</p></a></li>
       <li><a href="index.html"><p>link3</p></a></li>
     </ul>
     </li>
     <li><a href="#"><p>galeria</p></a></li>
     <li><a href="kontakt.html"><p>kontakt</p></a></li>
    </ul>
    </div>
<script type="text/javascript">
var menu_wrapper = function() {
      $('#menu a.dropdown-toggle').on("click", function() {
        $li = $(this).parent();
        $class = $li.attr('class').split(' ');
        
        if($.inArray('open-toggle', $class) !== -1) {
            $li.find('.sub-menu').slideUp(function() {
              $li.removeClass('open-toggle');
            });
        } else {
            $open = $li.parent().find('.open-toggle');
            $.each($open, function( key, value ) {
              if($.inArray('active', $(this).attr('class').split(' ')) == -1) {
                $(this).find('.sub-menu').slideUp(function() {
                    $(this).parent().removeClass('open-toggle');
                });
              }
            });
            $li.find('.sub-menu').slideDown(function() {
              $li.addClass('open-toggle');
            });
        }
               return false;
      });
    }
$(document).ready(function() {
     menu_wrapper();
});