Allow me to explain a situation that may seem unclear at first glance.
I have implemented a jQuery script that animates a sliding box upon hover.
$(function() {
$('.toggler').hover(function() {
$(this).find('div').slideToggle();
});
});
My question is whether there is a way to prevent the box from continuously popping up and down if the user rapidly moves their mouse over it multiple times.
Hopefully, this explanation makes sense.
Here is the HTML structure:
<div class ="expandableboxes">
<div class="toggler"> This is the title
<div> This is the content to be toggled </div>
</div>
<div class="toggler"> This is the title
<div> This is the content to be toggled </div>
</div>
<div class="toggler"> This is the title
<div> This is the content to be toggled </div>
</div>
<div class="toggler"> This is the title
<div> This is the content to be toggled </div>
</div>
<div class="toggler"> This is the title
<div> This is the content to be toggled </div>
</div>
</div>