Question

What I’m trying to do is when in my function user will hover over .yell-button then .yell-box-txt will disappear.

The only problem is that I have more then one buttons on the site and whenever I’ll hover over one of them all text fields are disappearing.

this is my function:

$('.yell-button').hover(function(){

     $('.yell-box-txt').remove()

})

Thank you for your help in advance

Answer 1

Without knowing your markup, I’d suspect that your .yell-box-txt is in the same block as your .yell-button. So for markup like this:

<div>
    <a class="yell-button">text button</a>
    <span class="yell-box-txt">text</a>
</div>

you’d want to use something like this:

$('.yell-button').hover(function() {
    $(this).closest('div').find('.yell-box-txt').remove();
});