/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 votes144 views2 answers
JQuery form upload
Javascript jQuery
1 vote152 views1 answer
Jquery set route with parameters in url
Javascript jQuery
1 vote154 views2 answers
Jquery after seconds
Javascript jQuery
1 vote168 views1 answer
Jquery serialize form data to object
Javascript jQuery
0 vote193 views1 answer
Jquery datatable draw false
Javascript jQuery
1 vote161 views1 answer
Store id of an element jquery
Javascript jQuery
10 votes169 views3 answers
How to change checkbox state in jquery
Javascript jQuery
1 vote190 views1 answer
Remove parent tr jquery
Javascript jQuery
7 votes107 views1 answer
Play sound jquery
Javascript jQuery
0 vote151 views1 answer
Jquery filter data
Javascript jQuery