Menu rozwijane poziomie, dodatkowa linia.

[Kartofelek]

W powyższym przykładzie:

#menu li:hover ul {visibility: visible;}

Tą linijkę usuwasz.
Dodajesz natomiast skrypt:

Kod:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
     $(document).ready(function() {
          $('#menu li').click(function() {
          $('#menu ul ul').css('visibility','hidden');
          $(this).find('ul').css('visibility','visible');
     });    
});