slideToggle da destra a sinistra

L’ho fatto guardando un tutorial ma non vedo alcuna opzione per farlo funzionare dal lato destro a quello sinistro. Non voglio che sia attaccato al lato destro del corpo.

Link al violino

Dai documenti jQuery :

Il metodo .slideToggle() anima l’altezza degli elementi corrispondenti. Ciò fa sì che le parti inferiori della pagina scivolino verso l’alto o verso il basso, mostrando di hide o hide gli oggetti. Se l’elemento è inizialmente visualizzato, sarà nascosto; se nascosto, verrà mostrato.

Sembra quindi che farlo da una parte all’altra non sia un’opzione (con questo metodo), se stai guardando un tutorial, la tua scommessa sui easi è semplicemente aggiungere l’interfaccia utente jQuery al tuo progetto e usarne i metodi di animazione. Questo lo lascerà facile come:

 $(this).hide('slide',{direction:'left'},1000); //or show 

Tuttavia, potresti voler imparare a farlo senza jQuery UI (yaiii) e dopo tutto non è poi così difficile. Devi abbattere ciò che l’interfaccia utente di jQuery (presumo) sta facendo, qualcosa sulla falsariga di:

 $(this).animate({ marginLeft: "100%"} , 1000); 

In entrambi gli esempi, è necessario sostituirlo con il selettore per l’elemento che si desidera animare, ma dal momento che stai imparando ho pensato di farlo notare.

potresti anche considerare il plugin:

http://www.webinventif.fr/wslide-plugin/

La pagina è in francese, ma il plugin è auto-esplicativo.

Spero che questo ti aiuti