/Javascript/jQuery/Sliding element jquery

Sliding element jquery

$("#menupic").click(function(e) {
  $(".menu").animate({
    left: $(".menu").css('left') == '-400px' ? "0px" : "-400px"
  }, 200);
});

html >>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='menupic'>menupic</div>
<div class='menu'>menu</div>

css>>
.menu{position:relative;}

Source: stackoverflow.com

Similar codes

2 votes225 views1 answer
Jquery slidetoggle
Javascript jQuery
14 votes201 views5 answers
Append after element jquery
Javascript jQuery
0 vote256 views1 answer
Jquery mouseup javascript
Javascript jQuery
8 votes237 views6 answers
Jquery select option by value
Javascript jQuery
1 vote226 views1 answer
Page refresh jquery on click
Javascript jQuery
-1 vote222 views1 answer
Waypoint jquery
Javascript jQuery
1 vote218 views1 answer
Jquery get iframe content
Javascript jQuery
0 vote236 views1 answer
Get how much i scroll in jquery
Javascript jQuery
2 votes164 views2 answers
Laravel jquery csrf
Javascript jQuery
0 vote307 views1 answer
Jquery not calling id from div called in ajax
Javascript jQuery