/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

0 vote183 views1 answer
Jquery steps disable finish button
Javascript jQuery
21 votes203 views5 answers
Jquery replace html
Javascript jQuery
0 vote189 views1 answer
Javascript jquery json quiz3
Javascript jQuery
1 vote204 views1 answer
How select just before element in jquery
Javascript jQuery
105 votes229 views6 answers
Foreach loop in jquery
Javascript jQuery
29 votes248 views5 answers
How to get the value of radio button in jquery
Javascript jQuery
0 vote175 views1 answer
Jquery find id with string at end
Javascript jQuery
23 votes201 views3 answers
Scroll to element jquery
Javascript jQuery
0 vote268 views1 answer
Detect when page scroll to div javascript no jquery
Javascript jQuery
1 vote227 views1 answer
Jquery add remove class clicked element
Javascript jQuery