How to show caption in Nivo Slider only after hover event?

Question

I need to show caption of image in Nivo Slider after hover event.

I try to hide caption using css:

.nivo-caption {
    text-align: center;
    dislay:none;
}

And display this like as:

$('#slider').hover(function(){ $(".nivo-caption").show();});

But it does not work

Answer 1

Try This

$('#slider').mouseover(function(){ $("#slider").addClass("nivo-caption");});