Javascript 韩元'；使用.show（“慢”）时是否淡入？

我有两个div设置为一次只显示一个，但我似乎无法让它们随着.show（“slow”）慢慢淡入。淡出适用于.hide（“慢”）。以下是我目前掌握的情况：

$(document).ready(function() {
  $('#162').hide();
  $('#164').hide();

  function reveal162() {
  $('#162').show("slow");
  $('#164').hide("slow");
  }
  $('#162link').click(reveal162);

  function reveal164() {
  $('#164').show("slow");
  $('#162').hide("slow");
  }
  $('#164link').click(reveal164);
});

jsFiddle举个例子：

试试

fadeIn（）

和

fadeOut（）

函数

要使用show（）设置动画，元素需要显示为块，您可以使用

display:block

$(document).ready(function() {
  $('#162').fadeOut();
  $('#164').fadeOut();

  function reveal162() {
  $('#162').fadeIn("slow");
  $('#164').fadeOut("slow");
  }
  $('#162link').click(reveal162);

  function reveal164() {
  $('#164').fadeIn("slow");
  $('#162').fadeOut("slow");
  }
  $('#164link').click(reveal164);
});

version{
    display:block;
}

---

您的小提琴示例使用了非标准标记，如

和

。当这些标记被替换为

时，show和hide方法按预期工作。非标准标签有什么原因吗？

你可以在.show（）中以毫秒为单位输入时间。当我在OP的小提琴中尝试时，没有任何区别：淡入不起作用，元素只是立即出现。（但即使它起作用了，淡入淡出也是一种与

.show（“slow”）

不同的动画类型）你是对的，正如@a.Wolf所说，为了能够应用效果，元素需要是block（'d）。OP想要应用fadeIn/Out效果，那么为什么不使用fadeX功能呢？谢谢，这就是问题所在，我可以直接使用，它工作得很好。如果你想使用自定义标记a。Wolff的回答会起作用，因为它为你的自定义标记提供了与show动画一起工作所需的显示块属性。