CODEWITHSUNDEEP
jqueryfadeinfadeout
Ben Vickers
Ben Vickers

Reputation: 17

Create Jquery fadein and fadeout on hover text

How to a create a fadein and fadeout effect on this http://jsfiddle.net/b3FgY/

Upvotes: 0

Views: 225

Answers (3)

thecodeparadox
thecodeparadox

Reputation: 87073

$("li", "#list-gallery").hover(
    function() {
        $(this).find("h2").fadeToggle();
    });

DEMO

Upvotes: 0

Dipak
Dipak

Reputation: 12190

$("li", "#list-gallery").hover(
    function() {
        $(this).find("h2").fadeIn();
    },
    function() {
        $(this).find("h2").fadeOut();        
    }
    );

Upvotes: 1

Headshota
Headshota

Reputation: 21449

Just use fadeIn and FadeOut instead of show and hide.

Here you go:

http://jsfiddle.net/b3FgY/1/

Upvotes: 0

Related Questions