jQuery: Meerdere divs met zelfde class naam.
Ik heb een aantal divs met dezelfde class name, maar als je over eentje met je muis gaat wil ik dat alleen diegene waar je muis op staat omhoog slide. Dit lukt mij op dit moment niet, als ik dat doe sliden alle divs met dezelfde class name omhoog, wat dus niet de bedoeling is.
HTML:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
<div class="nieuwsitem">
<div class="nieuwsitemtitel">Titel 1</div>
<div class="nieuwsitemreacties">10 reacties</div>
</div>
<div class="nieuwsitem">
<div class="nieuwsitemtitel">Titel 2</div>
<div class="nieuwsitemreacties">5 reacties</div>
</div>
<div class="nieuwsitem">
<div class="nieuwsitemtitel">Titel 3</div>
<div class="nieuwsitemreacties">1 reactie</div>
</div>
<div class="nieuwsitemtitel">Titel 1</div>
<div class="nieuwsitemreacties">10 reacties</div>
</div>
<div class="nieuwsitem">
<div class="nieuwsitemtitel">Titel 2</div>
<div class="nieuwsitemreacties">5 reacties</div>
</div>
<div class="nieuwsitem">
<div class="nieuwsitemtitel">Titel 3</div>
<div class="nieuwsitemreacties">1 reactie</div>
</div>
jQuery:
Code (php)
1
2
3
2
3
$(".nieuwsitem").hover(function(){
$(".nieuwsitemreacties").slideToggle(200)
});
$(".nieuwsitemreacties").slideToggle(200)
});
Zou iemand kunnen helpen? thanks!
Gewijzigd op 27/04/2013 22:33:31 door Timo Kleinhout
Code (php)
1
2
3
2
3
$(".nieuwsitem").hover(function(){
$(this).find("div.nieuwsitemreacties").slideToggle(200);
});
$(this).find("div.nieuwsitemreacties").slideToggle(200);
});