glisser de droite à gauche ?

Question

Je voudrais avoir un div aller de effondré à l'élargissement (et vice versa), mais le faire à partir de la droite vers la gauche. La plupart de tout ce que je vois là-bas est toujours de gauche à droite.

Answer 1

$("#slide").animate({width:'toggle'},350);

Answer 2

Ceci peut être réalisé en mode natif à l'aide de la jQueryUI cacher/montrer les méthodes. Par exemple.

    // To slide something leftwards into view,
    // with a delay of 1000 msec
    $("div").click(function () {
          $(this).show("slide", { direction: "left" }, 1000);
    });

Référence: http://docs.jquery.com/UI/Effects/Slide

Answer 3

Un excellent tutoriel pour glisser des éléments dans des directions différentes.

Answer 4

Comment à ce sujet

$('#pollSlider-button').animate({"margin-right": '+=200'});

démonstration en direct http://jsfiddle.net/XNnHC/3/

Mise à JOUR version améliorée une partie du code a été ajouté à la démo, pour éviter le double de la marge sur le double clic http://jsfiddle.net/XNnHC/942/

Mise à JOUR l'utiliser avec l'assouplissement ;) http://jsfiddle.net/XNnHC/1591/

Answer 5

Jetez un oeil à ce travail exemple sur le Violon. C'est une solution que j'ai utilisé à l'origine, de gauche à droite, mais je l'ai changé pour travailler de droite à gauche.

Il permet à l'utilisateur de cliquer sur des liens rapidement sans casser l'animation entre les panneaux.

Le js est simple:

$(document).ready(function(){
    // Mostra e nascondi view-news
    var active = "europa-view";
    $('a.view-list-item').click(function () {
        var divname= this.name;
        $("#"+active ).hide("slide", { direction: "right" }, 1200);
        $("#"+divname).delay(400).show("slide", { direction: "right" }, 1200);
        active = divname;
    });
});

Obtenir le code html et css au Violon lien.

Ajouté fond blanc et gauche-rembourrage juste pour un meilleur effet de présentation.