Я имею в виду такую ситуацию:
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#done').click( function () {
$("#done").animate({marginLeft:"-200px"}, 300, function() {
})
;return false;
});
});
</script>
<style>
#done, #dtwo, #wrapper{width:200px; height:200px; overflow:hidden; float:left;}
#slider{width:400px; height:200px;}
#done{background:#600;cursor:pointer;}
#dtwo{background:#006;cursor:default;}
</style>
</head>
<body>
<div id="wrapper">
<div id="slider">
<div id="done"></div>
<div id="dtwo"></div>
</div>
</div>
</body>
</html>