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.