JQuery Navigation: Klappt mehrmals auf und wieder ein

Yugeen

Erfahrenes Mitglied
Hallo allerseits,
ich versuch seit einiger Zeit eine JQuery Navigation zu basteln. Nur leider habe ich da einige Probleme mit:
1) Es klappt erst bei zweitem Klick,
2) dann fährt es einmal runter und wieder rauf [Fixed]
3) Je öffters man draufklickt, desto öffter wiederholt er Problem 2) (mein Record liegt bei 20mal rauf und runter xD)[Fixed]

hier der Aufbau der Divs:
HTML:
<div class='slide_button' onClick="openMenu();">Navigation</div>
	<div class='slide_content'>
	      <div class='eins'>Eins</div>
	      <div class='zwei'>Zwei</div>
	      <div class='drei'>Drei</div>
	       <div class='vier'>Vier</div>
	</div>
</div>

und hier der Javascript Teil

Code:
function openMenu(){
$(document).ready(function() {  
$('.slide_button').click(function () {  
 var trigger = $(this);  
 var content = $(this).next();  
 content.slideToggle('slow');  
});  
  
});
}

Kann mir jemand sagen was da nicht Stimmt?

bin nun leider kein Jquery Crack also verzeiht die Frage ^^
 
Zuletzt bearbeitet:
Edit: Vergiss was ich gesagt habe.

Bei jedem Klick fügst du einen neuen Event handler hinzu. openMenu wird ja schon beim Klick ausgeführt, also wieso dann nochmal .click benutzen?

HTML:
<div class='slide_button'>Navigation</div>
<div class='slide_content'>
	  <div class='eins'>Eins</div>
	  <div class='zwei'>Zwei</div>
	  <div class='drei'>Drei</div>
	   <div class='vier'>Vier</div>
</div>

Javascript:
$(document).ready(function() {  
	$('.slide_button').click(function () {
		var trigger = $(this);  
		var content = $(this).next();  
		content.stop(true).slideToggle('slow');  
	});  
});
 
Zuletzt bearbeitet:
Hallo CPoly,
vielen Dank für die Antwort, die Divs werden nun einmal Aufgeklapt :D

alledings das problem mit den Klicks habe ich immer noch nit lösen können >.<
 

Neue Beiträge

Zurück