jquery fade out Schiebetüren Links

Möchte ich einige divs ausblenden und Schiebe Sie Links an der gleichen Zeit, die ähnlich wie die Abberufung von Benachrichtigungs-Karten auf Android.

Suchte ich und fand einige jquery-codes.

$('#clickme').click(function(){   
$('#book').animate({
      opacity: 'hide', //animate slideUp
      margin: 'hide',
      padding: 'hide',
      height: 'hide' //animate fadeOut
    }, 'slow', 'linear', function() {
      $(this).remove();
    });
});

aber dieser code macht das div(#Buch) fade-out mit Schiebetüren oben, nicht Links (oder rechts).
Ich lese das Dokument über .animieren (), aber ich konnte nicht herausfinden, wie das zu tun.

InformationsquelleAutor Junsung Park | 2015-07-27

  1. 3

    Wenn alle Sie wollen, ist ein fade-out & streichen Sie nach Links, zur gleichen Zeit, Sie müssen entfernen, die margin, padding & height Optionen, wie Sie die animation zu schieben und Links. Sie müssen auch die richtige option, um es zu schieben aus dem Weg:

    $('#clickme').click(function(){   
$('#book').animate({
      opacity: 'hide', //animate slideUp
      right: '200px',  //slide left
    }, 'slow', 'linear', function() {
      $(this).remove();
    });
});

    Ich denke, Sie müssen auch gelten, die position:relative-Eigenschaft für das #Buch element, und schließen Sie es in ein übergeordnetes element hat die position:relative-Eigenschaft für diese zu arbeiten.

    Arbeiten fiddle: http://jsfiddle.net/ch3uexcn/

    InformationsquelleAutor djluko

  2. 2

    Sehen http://jsfiddle.net/wnu734dz/

    Breite für dia-Links, die Deckkraft für fadeOut:

    $('#book').animate({
      opacity: 'hide', //animate fadeOut
      width: 'hide'  //animate slideLeft
    }, 'slow', 'linear', function() {
      $(this).remove();
    });

    InformationsquelleAutor artm

  3. 1

    Versuchen zu animieren, die Breite mit

    .animate({width: 'toggle'})

    InformationsquelleAutor Lund

Schreibe einen Kommentar