Slide div von hinten div über jquery

Question

Wir haben eine div des Inhalts (#content) und auf der rechten Seite der div eine Registerkarte (#tab) - wenn ein Benutzer auf #tab klickt, sollte es nach rechts schieben und enthüllen verschiedene Optionen.

Ich bin mir nicht sicher, wie man das über jQuery erstellt. Ich dachte, (Entwurf CSS, die ich in meinem Kopf aus):

#content { 
z-index:10; 
margin:0 auto 
} 

#tab { 
z-index: 5; 
float: left; 
width: 150px 
} 

und Javascript, die von 140px #tab nach rechts gleitet [die Registerkarte Grafik ist 10px]

So Regel würde die #tab meist (außer dem 10px Grafiksymbol) sei hinter #content, und die jquery ändert einfach die Position, um sie nach rechts zu verschieben.

Ist das möglich? Gibt es einen besseren Ansatz?

Answer 1

Ich bin mir nicht sicher, ob das möglich ist, da Sie den Z-Index von #tab niedriger als den von #content gesetzt haben. So effektiv deckt #content #tab ab.

jedoch für nach rechts zu verschieben jQuery ...

$("#tab").click(function(){ 
     $(this).animate({"left": "+=50px"}, "slow"); 
    }); 

Answer 2

Animate funktioniert sogar mit Elementen, die einen Z-Index haben. aber vielleicht sollte man sich

http://docs.jquery.com/UI/Accordion

Das tut, was man mit ein wenig Anpassung möchten.

oder der vertikale Akkordeon: http://tinyjs.com/files/projects/jquery-vertical-accordion/index.html