✔ Toggle menü mit addClass und removeClass

R

redhat99

Grünschnabel
Ich habe ein Menü das beim Klick auf das erste Element herunterfährt.
Soweit ganz gut, es wird auch die Klasse hinzugefügt und bei Klick darauf wieder auch wieder entfernt.

Mein Problem aber ist, die wird nur EINMAL hinzugefügt, und auch NUR EINMAL wieder entfernt. Danach tut sich nichts mehr..

Hat ja Jemand eine Idee? Wo könnte der Fehler in meinem Code liegen?
Ich möchte quasi, dass egal wie oft man klickt, die Klassen hinzu/entfernt werden.

Code: 
$('ul.tree > li > a').removeAttr('href').click(function(){
	$(this).next('ul').addClass('att').slideToggle('slow');
	$(this).click(function(){
		$(this).next('ul').removeClass('att');
		
		});
							  });
 
Hi,

wenn ich es hier nachstelle funktioniert es. Ich würde allerdings die Klasse mit der Methode toggleClass tauschen.

Beispiel:
Code: 
<html>
<head>
<title>www.tutorials.de</title>
<meta name="author" content="Quaese">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<script src="jquery-1.6.4.js" type="text/javascript"></script>
<script type="text/javascript">
  <!--
$(function(){
  $('ul.tree > li > a').next('ul').slideUp(0);

  $('ul.tree > li > a').removeAttr('href').click(function(){
    $(this).next('ul').toggleClass('att').slideToggle('slow');
  });
});
 //-->
</script>
</head>
<body>
<ul class="tree">
  <li><a href="#">test</a>
    <ul>
      <li>eins</li>
      <li>zwei</li>
    </ul>
  </li>
</ul>
</body>
</html>
Ciao
Quaese
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück