Question

I’m wondering if someone could help me with a Jquery css question.

<div class='post'>
    <h1 class='title'>Title</h1>
</div>

What I’m wondering is how to tack an image next to the title while hovering over the post div.
Then on mouse out the image will not be displayed.

I’m using php while loop to display ten post divs per page.

Answer 1

Something like this should work.

$('.post').bind({
    'mouseenter': function() {
        $(this).append('<img />');
    },
    'mouseleave': function() {
        $('img', this).remove();
    }
});

JSFiddle