jquery - jQuery滑出效果问题

Question

我正在尝试使用下面的功能让 DIV 在单击时从左向右滑出，但它甚至不会移动。任何想法可能是什么问题。

功能

<script type="text/javascript">

$("#teller").click(function () {
      $(this).show("slide", { direction: "right" }, 1000);
});
</script>

有问题的 DIV

<div id="teller">
<a href="#"><img src="images/teller.png" width="44" height="329" alt="Tell a freind button" />
</a>
</div><!-- End Teller -->

score 2 · Accepted Answer

代替

 $(this).show("slideOut", { direction: "right" }, 1000);

利用slide

 $(this).show("slide", { direction: "right" }, 1000);

如果它已经可见并且您想滑出，请使用隐藏和向右滑动的组合

$(this).hide("slide", { direction: "right" }, 1000);

score 2 · Accepted Answer

您可以使用规模来正确增长它：

  $(this).effect("scale", { percent: 400, direction: 'horizontal' }, 1000);

score 0 · Accepted Answer

我认为对于这个例子，你可能只是打错了：'slideOut' 实际上不是 jQuery UI 的效果类型，它只是“幻灯片”，然后你像你一样给它方向。滑进去你可以.show()像你一样，滑出来你可以使用.hide()

3 回答 3