WinFuture-Forum.de: Container fahren mehrmals aus - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Entwicklung
Seite 1 von 1

Container fahren mehrmals aus


#1 Mitglied ist offline   hanlau 

  • Gruppe: Mitglieder
  • Beiträge: 4
  • Beigetreten: 02. Dezember 15
  • Reputation: 0

geschrieben 22. April 2016 - 12:41

Hi Leute,

hoffe ihr könnt mir vielleicht mal kurz helfen. Ich hab von der Seite hier (transparent-beraten.de/private-krankenversicherung/faq) den FAQ Code geklaut. Wenn ich jetzt aber bei mir mehrmals schnell auf die Headlines klicke, fahren die Container mehrmals hintereinander aus und wieder ein. Kann ich das irgendwie verhindern?

Hier ist mal mein HTML Code:
<div class="menu">
    <div class="item">
        <h3 id="element-1" class="">Headline 1</h3>
        <div class="content" id="element-1">
            <p>test</p>
        </div>
    </div>
    <div class="item">
        <h3 id="element-2" class="">Headline 1</h3>
        <div class="content" id="element-2">
            <p>test</p>
        </div>
    </div>
</div>


Und das Jacascript dazu:
$('.menu .item .content').slideUp(0);

$('.menu h3').click(function(){
    var id = $(this).attr('data-id');
    $('.menu .content[data-id='+id+']').slideToggle(300);
    $('.menu .content[data-id='+id+']').parent('.item').toggleClass('open');
});


Wäre über jede Hilfe dankbar.
0

Anzeige



#2 Mitglied ist offline   prunkster 

  • Gruppe: aktive Mitglieder
  • Beiträge: 281
  • Beigetreten: 22. Mai 08
  • Reputation: 5
  • Geschlecht:Männlich

geschrieben 22. April 2016 - 16:19

Hi,

relativ einfach lässt sich bewerkstelligen, dass der Container beim Klick in der Animationsphase diese abbricht und das Gegenteil macht, sprich ein sich gerade ausfahrender Container fährt sofort beim Klick wieder zusammen.

Einfach vor dem slideToggle() ein stop() machen. Fiddle hier

Reicht evtl. schon. Ansonsten ggf.

Oder bis zum Ende der Animation eine Marker-CSS-Klasse halten und das Toggle bei Vorhandensein nicht ausführen (hier).

Dieser Beitrag wurde von prunkster bearbeitet: 22. April 2016 - 16:20

Eingefügtes Bild <--- Workstation@Home

My Blog: hier
0

#3 Mitglied ist offline   hanlau 

  • Gruppe: Mitglieder
  • Beiträge: 4
  • Beigetreten: 02. Dezember 15
  • Reputation: 0

geschrieben 28. April 2016 - 11:25

Jep. das stop vor dem toggle hat schon gereicht. Danke danke prunkster!!!
0

Thema verteilen:


Seite 1 von 1

1 Besucher lesen dieses Thema
Mitglieder: 0, Gäste: 1, unsichtbare Mitglieder: 0