|
|||
element richtig ansprechen mit jquery
Hallo!
Ich bin grad dabei ein Drop-down-menu zu erstellen. Ich versuchs zumindest. =) Es funktioniert nämlich einfach nicht. Ich schätze mal, dass ich die Elemente iwie falsch anspreche. Das hier ist meine Navigation (html). ich möchte, dass "Kontaktformular" und "Weg zu uns" unter "Kontakt" aufklappt. Code:
<div id="navigation"> <ul> <li class="active"> <h2><a href="kontakt.html" title="Nehmen Sie zu uns Kontakt auf">Kontakt</a><h2/> <ul> <li > <a href="kontaktformular.html" title="Schreiben Sie uns">Kontaktformular</a> </li> <li > <a href="wegzuuns.html" title="So kommen Sie zu uns">Weg zu uns</a> </li> </ul> </li> </ul> </div> Code:
<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("li.active").hover( function(){ $(this).parent('ul').children('ul').slideDown(); }, function(){ $(this).parent.('ul').children('ul').slideUp(); } ); } </script> Schon mal danke! Lg Schokokrapfen |
Sponsored Links |
|
|||
Schonmal darauf geachtet wieviel Klammern du öffnest und wieiviele du schließt?
Ausserdem sind deine Selektoren totaler Blödsinn, du versuchst zuerst das Elternelement von li.active und von diesem das Kindelement ul zu selektieren, macht keinen Sinn. besser du benutzt einfach .find('ul'): Code:
$('li.active').find('ul') Geändert von zeji (20.09.2011 um 11:22 Uhr) |
Sponsored Links |
|
|||
Zitat:
ja das ist mir klar deswegen frag ich ja, weil ichs ned so ganz check! hmmm also des hab ich grad versucht, aber irgendwie klappt des bei mir auch ned so ganz... soll ich des dann so machen: Code:
$(document).ready(function(){ $("li.active").hover( function(){ $('li.active').find('ul').slideDown(); }, function(){ $('li.active').find('ul').slideUp(); } ); } ); SG |
|
|||
ja habs gesehn... man beim h1 hab ichs richtig gemacht...
habs weg gemacht und jetzt funktionierts dass es rein scrollt! also schonmal vielen dank! Jetzt is noch des Problem dass es nicht rausscrollt SG |
|
||||
Vielleicht vergessen das parent('ul') auch beim SlideUp rauszunehmen?
Soll sich das ganze wie hier verhalten? slide (down/up) - jsFiddle - Online Editor for the Web (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS) |
|
|||
Zitat:
Insgesamt hab ich aber 3 Submenüs. Jetzt klappen alle drei Menüs gleichzeitig auf. Wie beheb ich das jetzt am besten? Hier nochmall der "komplettere" Code: Code:
<ul> <li class="active"> <h2><a href="produkte.html" title="Erfahren Sie mehr über unsere Produkte">Produkte</a></h2> <ul> <li > <a href="uebersicht.html" title="Erhalten Sie eine Übersicht über unsere Produkte">Produktübersicht</a> </li> <li > <a href="systemg2.html" title="Erfahren Sie mehr über das Produkt">System G2</a> </li> <li > <a href="systemr8.html" title="Erfahren Sie mehr über das Produkt">System R8</a> </li> </ul> </li> <li class="active"> <h2><a href="kontakt.html" title="Nehmen Sie zu uns Kontakt auf">Kontakt</a></h2> <ul> <li > <a href="kontaktformular.html" title="Schreiben Sie uns">Kontaktformular</a> </li> <li > <a href="wegzuuns.html" title="So kommen Sie zu uns">Weg zu uns</a> </li> </ul> </li> <li class="active"> <h2><a href="ueberuns.html" title="Erfahren Sie mehr über uns">Über uns</a></h2> <ul> <li > <a href="firmengeschichte.html" title="Unsere Firmengeschichte">Firmengeschichte</a> </li> <li > <a href="firmenphilosophie.html" title="Unsere Firmenphilosophie">Firmenphilosophie</a> </li> </ul> </li> </ul> |
|
||||
hmm, bei mir klappen die einzelnd auf.
Siehe => slide (down/up) - jsFiddle - Online Editor for the Web (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS) |
|
|||
oh man ich Vollidiot *rotwerd*
ja jetzt funktionierts. super vielen dank schonmal!! jetzt ist nur noch die Sache, dass das Submenü von Anfang an auf ist. D.h. es klappt zu, wenn man mit der Maus einmal drauf war und runter geht. Ich will aber natürlich dass es am Anfang zu ist. Was hab ich da jetzt schon wieder für einen dummen Fehler gemacht?? ? aber es soll sich z.B. so verhalten: Schuhe & Mode versandkostenfrei online kaufen | ZALANDO wenn man mit der Maus z.B. über "Schuhe" fährt (tut mir Leid dass es dieser Link ist =) Frauen) SG Geändert von Schokokrapfen (20.09.2011 um 12:04 Uhr) |
Sponsored Links |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Element mit mehreren Klassen ansprechen | Sysop | CSS | 6 | 03.04.2012 15:07 |
Bestimmtes Element über CSS ansprechen | Fragestunde | CSS | 6 | 21.07.2009 20:35 |
[XHTML] HTML Kompatibilitätsrichtlinen 2.0a1 | gato | (X)HTML | 9 | 18.11.2007 13:28 |
Element label über id ansprechen | Evoli | CSS | 8 | 28.08.2007 14:36 |
Übergeordnetes Element ansprechen | Kurland | CSS | 6 | 15.09.2006 11:22 |