jQuery css toggle - need to add fade in fade out animation transition -

i add animation transition snippet using toggle between display: none , display: block

    jquery(".slide").hover( function() {     jquery(this).find(".data").css("display","block"); }, function() {     jquery(this).find(".data").css("display","none");     }     ); 

any appreciated...my jquery limited. have tried various items can't seem syntax produce effect.

you can use .hide() , .show()

  jquery(".slide").hover( function() {     jquery(this).find(".data").show("slow", "swing") }, function() {     jquery(this).find(".data").hide("slow", "swing")     }     ); 

this jquery website:

$(selector).hide(speed,easing,callback) 

• speed can slow, fast or miliseconds
• easing can swing or linear
• callback can used call function

see here

i use show , hide on css display.

edit:

you can try .slideup(), hides element sliding motion. see here

  jquery(".slide").hover( function() {     jquery(this).find(".data").slidedown("slow", "swing") }, function() {     jquery(this).find(".data").slideup("slow", "swing")     }     );