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 -->

Answer 1

您可以使用比例来正确增长：

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

Answer 2

而不是

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

使用slide

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

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

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

Answer 3

我认为对于这个实例你可能只有一个拼写错误：'slideOut'实际上并不是jQuery UI的效果类型它只是“滑动”然后你给它的方向就像你做的那样。要将其滑入，您可以.show()跟它一样，将其滑出来可以使用.hide()