jQuery mouseover gebied uitbreiden
Beste leden,
ik heb een mouseover effect op een button staan en als je met je muis over deze button heen gaat dan verschijnt er onder de button een vierkant blok met informatie. Het probleem is nu dat het blok alleen verschijnt als je met je muis over de button hovert maar niet in het vierkant blok. Hoe kan ik dit oplossen?
ik heb een mouseover effect op een button staan en als je met je muis over deze button heen gaat dan verschijnt er onder de button een vierkant blok met informatie. Het probleem is nu dat het blok alleen verschijnt als je met je muis over de button hovert maar niet in het vierkant blok. Hoe kan ik dit oplossen?
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".btn-slide").hover(function(){
$("#informatie").slideToggle("slow");
$(this).toggleClass("active");
});
});
</script>
<div class="btn-slide">
<a href="#">Laat informatie zien</a>
</div>
<div id="informatie">
hier komt alle info..
</div>
<script type="text/javascript">
$(document).ready(function(){
$(".btn-slide").hover(function(){
$("#informatie").slideToggle("slow");
$(this).toggleClass("active");
});
});
</script>
<div class="btn-slide">
<a href="#">Laat informatie zien</a>
</div>
<div id="informatie">
hier komt alle info..
</div>
Gesponsorde koppelingen:
Je kan de informatie div in .btn-side zetten. Dan is het opgelost.
lol dat ik dat over het hoofd heb gezien. Excuus voor mijn beginnersfout
Bedankt!
Bedankt!



