slide

by karin

HTML

<div id="container">
    <div class="inner"></div>
</div>
<button>click</button>

CSS

#container{
    width:400px;
    height:250px;
    background:#ff8;
}
.inner{
   
    height:200px;
    background:#d60;
}

JavaScript

//$('button').on('click',function(){
  //  $(".inner").stop().animate({
 //       width:'toggle'},500);
//});


$('button').on('click',function(){
          if(!$('.inner').is(':animated')) //prevent double margin on double click
          {
                 $('.inner').animate({"margin-left": '+=350'});
          }
});

//http://jsfiddle.net/karin/fc285ze4/