/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

10 votes138 views3 answers
Jquery check if a class exists
Javascript jQuery
24 votes135 views6 answers
Jquery submit form
Javascript jQuery
3 votes219 views3 answers
Open link in new tab jquery
Javascript jQuery
14 votes141 views6 answers
Click outside element jquery
Javascript jQuery
11 votes144 views2 answers
Set select option as selected jquery
Javascript jQuery
21 votes133 views6 answers
Jquery data attribute
Javascript jQuery
0 vote130 views1 answer
Jquery closert
Javascript jQuery
0 vote142 views2 answers
Import $ from 'jquery'
Javascript jQuery
34 votes146 views4 answers
Jquery attr
Javascript jQuery
0 vote135 views1 answer
How to append the string to the current url in jquery | Javascript
Javascript jQuery