[CSS]Submenu Opcje

[robert.mendak]

Witam. W jaki sposób mogę zrobić submenu do tego: http://www.robertmendak.com/edyta2/ ?
Chodzi mi o to, że jak najadę przykładowo na "Forums" to pokażą się pod menu linki odpowiadające zakładce "Forums".
Pozdrawiam

[Mega_88]

Nie bez powodu nazywałem je link1 i submenu1 (IMG:style_emoticons/default/smile.gif) , dla każdego elementu musisz nadac inną nazwę oraz dodać kolejną linię kodu js, czyli coś w ten deseń

[HTML] pobierz, plaintext 
<div id="link1">Home</div></a>
 
<div class="submenu1" style="display:none">Rozwijane</div>
 
<div id="link2">Home</div></a>
 
<div class="submenu2" style="display:none">Rozwijane</div>
 
 
$(document).ready(function() {
 
 $("#link1").hover(function() { $(".submenu1").fadeIn(500); }, function() { $(".submenu1").fadeOut(500); });
 $("#link2").hover(function() { $(".submenu2").fadeIn(500); }, function() { $(".submenu1").fadeOut(500); });
 
 });
[HTML] pobierz, plaintext 

I tak dla pozostałych tam 5 czy 6


Tak w skrócie postaram się opisać Ci jak to działa.

Dla elementu o id 1 ( #link1 ) przypisujesz funkcję, która pokaże ( fadeIn ) przypisany do niego element o klasie ( .submenu1 ), a po zjechaniu kursorem schowa ten element ( .submenu1 ) przy uzyciu funkcji ( fadeOut ). Jeżeli chcesz wywołać podobną akcję dla innego elementu to wtedy przypisujesz w skrypcie inne id/klasy i w skrycie robisz to samo, zobacz jak to teraz zrobiłem i analogicznie robisz resztę.

Ten post edytował Mega_88 16.04.2013, 14:52:34