使用.show("慢")时不会淡入？

Question

我有两个div,设置为一次只显示一个,但我似乎无法让它们慢慢淡入.show("慢").使用.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的一个例子:http://jsfiddle.net/swiftsly/9Yx8b/

Answer 1

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

version{
    display:block;
}

DEMO