jQuery css切换-需要添加淡入淡出动画转换

我想给这个片段添加一个动画转换，我用它在display:none和display:block之间切换

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

---

非常感谢您的帮助…我的jQuery非常有限。我尝试了各种方法，但似乎无法获得良好的语法来产生效果。

您可以使用

fadeToggle

方法

$(".slide").hover(function() {
    $(this).find(".data").fadeToggle();
});

可以使用.hide（）和.show（）

这来自jquery网站：

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

• 速度可以是慢、快或毫秒
• 放松可以是摆动式的，也可以是线性的
• 回调可用于调用函数

看

我总是使用显示和隐藏css显示

编辑：

您也可以尝试使用.slideUp（），它通过滑动运动隐藏元素。看

---

谢谢，这很有效，看起来很棒。我怎样才能做一些像上下滑动的效果而不是摇摆。没问题。尝试线性而不是摆动。另一个选项是使用.slideUp（）。请参阅我编辑的文章。我可能弄错了方向，滑到了下面。顺便说一句，我非常感谢对jQuery网站的引用。我希望它能对学习者更友好一点，而不是那么深奥。虽然我花了很多时间在那里阅读，寻找解决方案，但我从来没有一次能够破译该网站，足以真正找到解决方案。如果初学者能把它简化一点，那就太好了。事实上，我知道你的意思。我引用它们是因为它们是“官方”指南，但实际上我从学校学到了很多。谢谢，我也喜欢这个方法！

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

  jQuery(".slide").hover(
function() {
    jQuery(this).find(".data").slideDown("slow", "swing")
},
function() {
    jQuery(this).find(".data").slideUp("slow", "swing")
    }
    );