Warum funktioniert marimLeft-Animation nicht?

Question

Ich baue einen Slider, aber die Animation von marginLeft funktioniert nicht und ich kann nicht herausfinden warum.

Ein Fade mit Opazität funktioniert auch nicht.

$currentSlide.find('.content').animate({ 
    marginLeft: '-100%', 
    opacity: 0 
    }, speed); 

    setTimeout(function() { 
    $currentSlide.removeClass('active'); 
    $nextSlide.addClass('active'); 

    $nextSlide.find('.content').animate({ 
     marginLeft: '0%', 
     opacity: 1 
    }, speed); 
    }, speed); 

Hier können Sie zwei Folien ($ currentSlide und $ nextSlide) sehen, wo die erste Folie sollte mit animieremargin auf -100% und eine zweite Folie ausgeblendet, die diese umgekehrt tun sould.

[Bearbeiten] für Klick auf den weißen Balken Schiebe

Beispiel: https://codepen.io/anon/pen/dpNRqQ

[Bearbeiten]: Das Beispiel von mir ist das nicht, aber sollte funktionieren!

Answer 1

Versagen gefunden:

Änderung

$currentSlide.find('.content').animate 

zu

$currentSlide.find('.slide-content').animate