javascript - 使用 .show("slow") 时不会淡入？

Question

我有两个 div 设置为一次只显示一个，但我似乎无法让它们慢慢淡入 .show("slow")。使用 .hide("slow") 淡出效果很好。这是我到目前为止所拥有的：

$(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 举个例子：http: //jsfiddle.net/swiftsly/9Yx8b/

Answer 1

要使用 show() 进行动画处理，元素需要显示为块，您可以使用display:block

version{
    display:block;
}

演示

Answer 2

您的小提琴示例使用非标准标签，例如<vn>and <version>。当这些标签被替换时，显示和隐藏方法按预期工作<div>。非标准标签有原因吗？

Answer 3

请尝试使用fadeIn()andfadeOut()函数。

Answer 4

$(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);
});