/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 vote286 views1 answer
Jquery add inline style
Javascript jQuery
24 votes308 views6 answers
Open modal using jquery
Javascript jQuery
3 votes286 views2 answers
Jquery get all classes of a div
Javascript jQuery
28 votes347 views3 answers
Jquery check if element still exists
Javascript jQuery
0 vote260 views1 answer
Ajax data not reflecting after refresh particular div jquery
Javascript jQuery
2 votes292 views1 answer
Unset radio button jquery by name
Javascript jQuery
1 vote286 views2 answers
Jquery from object to queryselector
Javascript jQuery
30 votes258 views3 answers
Jquery delete buton
Javascript jQuery
22 votes261 views6 answers
Jquery modal close
Javascript jQuery
0 vote303 views1 answer
You need to inject a global window.jQuery first.
Javascript jQuery