Was ist der Unterschied zwischen Toggle und SlideToggle in jQuery?

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> 

gleiche ist wie

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

So gibt es wirklich einen Unterschied?

Answer 1

.toggle():

Anzeige oder die abgestimmte Elemente auszublenden.

.slideToggle():

Display oder die abgestimmte Elemente mit einer Gleitbewegung verbergen.

---

Mit Ihre Nutzung, werden Sie keinen Unterschied sehen.

Die jQuery documentation site ist sehr gut und sollte der erste Ort sein, um nach dieser Art von Frage zu suchen.

Answer 2

Es sollte jedoch darauf hingewiesen werden, dass es ist ein Unterschied in der Animation, wenn auch kleines: .toggle() wird das Element aus der linken oberen Ecke schieben, während .slideToggle es von oben nach unten gleiten.

Sie können ein Beispiel für beide Effekte auf this fiddle sehen.