JQuery laden Inhalt Slide-In/Out von rechts

Question

ich auf Klick Menüpunkte haben wollen, die div von rechts gleiten und auf die Option offen, nach links zu schließen (die wieder nach rechts gleitet)

zB: http://www.cortac.com/

Irgendeine Idee, Demo-Links usw., um dies zu erreichen?

Ich fand das, was dem oben genannten nahe kommt, aber nicht von rechts nach links rutscht.

http://d2o0t5hpnwv4c1.cloudfront.net/011_jQuerySite/sample/index.html

Answer 1

Ich habe ein sehr schnelles Beispiel hier: http://jsfiddle.net/jaketoolson/ukztv/

habe ich die Platte zur absoluten Positionierung mit Recht auf einen negativen gleich gesetzt Breite.

#page { 
position: absolute; 
top: 20%; 
right: -400px; 
width: 400px; 
} 

Dann wird die jQuery ist ein Mouseover (Verwendung etc klicken) Effekt mit „belebten“ Einstellung des Ziel CSS:

$('.link').mouseover(function() { 
$('#page').animate({'right':'0px'}, 1500); 
}).mouseout(function(){ 
$('#page').animate({'right': '-800px'}, 1500);}); 

es Um Seiten zu laden, kann dies über AJAX oder andere getan werden Methoden. Sehen Sie das Beispiel, das ich gerade hier baue: http://jaketoolson.com/ems/index.php

Answer 2

Ich stellte eine ähnliche Frage vor 8 Monaten, und fand eine Antwort ... ein bisschen komplexer als das, was Sie gefragt haben, aber es ist das einzige Ding wie es ich habe gesehen, ...

best approach for jQuery slider with dynamic prev/next content?