/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 vote144 views1 answer
Jquery get mouse page left and top
Javascript jQuery
0 vote125 views1 answer
Jquery select specific radio button by value
Javascript jQuery
0 vote148 views1 answer
Jquery slick remove white fade
Javascript jQuery
2 votes135 views2 answers
Jquery escape html string
Javascript jQuery
0 vote130 views2 answers
Jquery find index of this
Javascript jQuery
0 vote140 views1 answer
Get closest parent tr table row jquery
Javascript jQuery
0 vote127 views1 answer
JQuery disable enable submit button
Javascript jQuery
0 vote131 views1 answer
How to Set Active Tab in jQuery Ui
Javascript jQuery
34 votes134 views6 answers
Jquery scroll to element
Javascript jQuery
29 votes140 views5 answers
How to uncheck a checkbox in jquery
Javascript jQuery