tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
2
ZUGRIFFE
186
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 19.10.11 18:53 #1
    redhat99 redhat99 ist offline Rookie
    Registriert seit
    Jun 2011
    Beiträge
    9
    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 :
    1
2
3
4
5
6
7

    $('ul.tree > li > a').removeAttr('href').click(function(){
    $(this).next('ul').addClass('att').slideToggle('slow');
    $(this).click(function(){
        $(this).next('ul').removeClass('att');
        
        });
                              });
     
    Zitieren Zitieren
  2. 19.10.11 21:33 #2
    Quaese Quaese ist offline Moderator
    tutorials.de Moderator
    Registriert seit
    Feb 2004
    Beiträge
    3.451
    Hi,

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

    Beispiel:
    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

    <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
     
    Vielleicht muss man manchmal vom Weg abkommen, um nicht auf der Strecke zu bleiben!
    ----
    Der "Fortsetzungsroman" auf www.leuteforum.de

    New kind to realize large scalable projects with jQuery: jQuery SDK
    Zitieren Zitieren
  3. 19.10.11 21:45 #3
    redhat99 redhat99 ist offline Rookie
    Registriert seit
    Jun 2011
    Beiträge
    9
    ohja danke. toggleClass, war das was Ich gebraucht habe
     
    Zitieren Zitieren
« Höhe der unteren Scrollbar | Zwischen Relativ und absolut schalten »

Ähnliche Themen

  1. Nur I-Pad zeigt toggle-menü nicht an. Safari, IE, Mozzi zeigen es an!
    Von fx001 im Forum Javascript & Ajax
    Antworten: 1
    Letzter Beitrag: 18.07.11, 18:12
  2. jquery addClass
    Von shai-zone im Forum Javascript & Ajax
    Antworten: 1
    Letzter Beitrag: 04.01.11, 16:27
  3. Toggle mit Cookie
    Von tvtotal im Forum Javascript & Ajax
    Antworten: 4
    Letzter Beitrag: 08.12.10, 16:47
  4. Div mit addClass und absoluter position
    Von somme im Forum Javascript & Ajax
    Antworten: 1
    Letzter Beitrag: 16.05.10, 15:19
  5. Toggle
    Von morgenstern im Forum PHP
    Antworten: 1
    Letzter Beitrag: 07.03.04, 13:31