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

那么真的有什么区别吗？

Answer 1

但是应该指出是动画中的差异，虽然是一个小的：.toggle()会从左上角滑动元素，而{{1}将它从上到下滑动。

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

Answer 2

.toggle()：

  

显示或隐藏匹配的元素。

.slideToggle()：

  

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

---

使用 用法，您将看不到差异。

jQuery documentation site非常好，应该是第一个寻找这类问题的地方。