jquery - 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() 将从左上角滑动元素，而 .slideToggle 会将其从上到下滑动。

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