jQuery中的Toggle和slideToggle有什么区别？

Question

<script type="text/javascript">
$("document").ready(function() {
 $("button").click(function() {
 $("[src$='.jpg']").slideToggle(1000);
  })
  }
)
</script>
<img src="http://images2.wikia.nocookie.net/__cb20101129232634/callofduty/images/2/2e/Pripyat.jpg">
<button>Click me</button>

与...相同

<script type="text/javascript">
$("document").ready(function() {
 $("button").click(function() {
 $("img [src$='.jpg']").toggle(1000);
  })
  }
)
</script>
<img src="http://images2.wikia.nocookie.net/__cb20101129232634/callofduty/images/2/2e/Pripyat.jpg">
<button>Click me</button>

那么真的有什么区别吗？

- Praateek.com

Answer 1

需要指出的是，虽然差异非常小，但动画效果是有区别的：.toggle() 会从左上角滑动元素，而 .slideToggle 则会从上到下滑动。

你可以在这个 fiddle 上看到两种效果的示例。

- Ana Ameer

Answer 2

.toggle():

显示或隐藏匹配的元素。

.slideToggle():

以滑动动画形式显示或隐藏匹配的元素。

---

在你的使用情况下，你不会看到任何区别。

jQuery 文档站点非常好，应该是这类问题的第一个查询地点。

- Oded

---

你能详细解释一下为什么在他的特定用法中他看不到任何区别吗？我也正在寻找这个答案。谢谢。 - i-CONICA

@i-CONICA - 当调用它们中的任何一个时，不会有任何不同的操作。唯一传递的参数是持续时间，没有其他内容，其默认行为将是相同的。 - Oded