JQuery mouseover image overlay

Question

Just wondering how I can get this working 100% correctly. I think I\'m nearly there.

Basically, I have an image & when I mouseover, I want an overlay (which is a

Answer 1

Instead of checking the .company-image element, you're going to want to check the overlay. Try the following.

$('.company-image').on("mouseover", function () {
    $('.company-image-overlay').show();
});

$('.company-image-overlay').on("mouseout", function () {
    $('.company-image-overlay').hide();
});