Ciao a tutti, premetto come da titolo che sono un neofita riguardo a questo potente linguaggio web è vorrei chiedere se è possibile un aiuto.

Vorrei tramite jQuery dato un div di dimensioni fisse al primo click che si spostasse di tot pixel verso destra, mentre al secondo click tornasse al punto di partenza.

Mentre ho capito come farlo spostare animando verso destra, mi è oscuro il metodo per farlo tornare al punto di partenza.



Posto di seguito il codice:
codice:
<head>
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
<style>
#nav{position: relative;left: -250px;width: 300px;height:500px;background: #333;}
</style>
<script type='text/javascript'>
$(function(){$("#nav").on("click", function(){$('#nav').animate({left: 200}, 1000);
});
});
</script>
</head>
<body>
<div id="nav"></div>
</body>
</html>
Grazie