CSS Move to the right

by VtoCorleone

HTML

<div class="container">
            <div class="menu"></div>
        </div>

CSS

.container{
  position:relative;
  height:50px;
  width:auto;
  background:lightgray;
}

.menu{
  position:absolute;
  width:50px;
  height:35px;
  background-color:green;
  bottom:0px;
  left:0px;
  transition: left 1s;
}

JavaScript

$(document).ready(function() {
    
    $(".container").click(function() {
        $(".menu").css("left", "+=50px");
    });
//    $(".menu").delay(200).animate({
//            left: "0"
//        });
});