Question

我想添加一个动画过渡到这个片段，我用来在display：none和display：block

之间切换

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

非常感谢任何帮助......我的jQuery非常有限。我尝试了各种各样的项目，但似乎无法获得良好的语法来产生效果。

Answer 1

您可以使用fadeToggle方法。

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

Answer 2

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

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

这是来自jquery网站：

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

速度可以是慢，快或毫秒
缓和可以是摆动或线性
回调可用于调用函数

请参阅here

我总是使用show并隐藏在css显示上。

编辑：

你也可以试试.slideUp（），它用滑动动作隐藏元素。见here

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

jQuery css切换 - 需要在淡出动画过渡中添加淡入淡出

2 个答案: