Witajcie.

Robię sobie menu rozwijane w joomli. Pracuję nad kodem, który osiągnie taki efekt jak tutaj tzn - po najechaniu na menu pojawia się submenu, ale poziome.

Efekt już osiągnąłem tutaj, ale zależy mi na tym, żeby po kliknięciu na pozycję "jeden" submenu było cały czas widoczne i ja swobodnie operować na stronie; Teraz to menu znika, po przeniesieniu kursora.

Mój kod:

[HTML] pobierz, plaintext 
<ul class="menu sf-menu sf-navbar">
        <li class="first-child item1"><a href="http://www.bodycollagen.com/"><span>Home</span></a></li>
        <li id="current" class="parent active item2"><a href="/jeden.html"><span>jeden</span></a>
                <ul>
                         <li class="first-child item5"><a href="/jeden/jeden-1.html"><span>Jeden 1</span></a></li>
                         <li class="item6"><a href="/jeden/jeden-2.html"><span>Jeden 2</span></a></li>
                         <li class="last-child item7"><a href="/jeden/jeden-3.html"><span>Jeden 3</span></a></li>
                </ul>
         </li>
         <li class="item3"><a href="/dwa.html"><span>Dwa</span></a></li>
         <li class="last-child item4"><a href="/trzy.html"><span>Trzy</span></a></li>
</ul>
[HTML] pobierz, plaintext 

Próbuję z takim kodem css:

[HTML] pobierz, plaintext 
ul.sf-navbar li#current ul {display:block;}
[HTML] pobierz, plaintext 

nic to nie daje. Czy da się w ogóle uzyskać taki efekt dzięki css, czy muszę użyć jquery?

Dzięki za podpowiedź - w sumie to początki dla w menu wielopoziomowych...

Pozdrawiam.

Jeśli z klikaniem - to jQuery. Jeśli najechanie, to da radę z CSS.

http://csshover.pl/css/csshover/ Jak najechanie to tam masz swietnie opisane.