Panel mit jQuery ein- und ausfahren?

[_aze_]

Hey,
ich versuche gerade ein Panel mithilfe von jQuery ein- und auszufahren.

Damit ihr wisst was ich mit Panel meine:
Eingefahren

Ausgefahren


Das ausfahren klappt, nur weiß ich nicht wie ich es wieder einfahren lassen kann.

Ich habe es wie folgt versucht.
Ich bin noch ein Anfänger in jQuery :/

<style type="text/css">
body {
margin:0;
padding:0;
}
#box {
margin-top:100px;
margin-left:-200px;
width:220px;
height:100px;
background:black;
}
#click {
width:20px;
height:100px;
background:yellow;
float:right;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
    $("#click").click(function() {
        $("#box").animate({marginLeft:"0px"},1000);
    });
});
</script>
<div id="box">
<div id="click">
</div>
</div>

Ich hoffe mir kann jemand helfen.

 

[cebito]

AW: Panel mit jQuery ein- und ausfahren?

Schau dir mal toggle an http://api.jquery.com/toggle-event/

 

[_aze_]

AW: Panel mit jQuery ein- und ausfahren?

Vielen Dank, nun funktioniert es so wie ich es mir vorgestellt habe!