/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

1 vote165 views2 answers
Jquery read href attribute
Javascript jQuery
1 vote158 views3 answers
Jquery ajax CORS
Javascript jQuery
0 vote147 views1 answer
Jquery if class clicked
Javascript jQuery
0 vote165 views2 answers
How to determin if element is in viewport with jquery
Javascript jQuery
17 votes152 views6 answers
Check if element is visible jquery
Javascript jQuery
18 votes153 views3 answers
Enable input jquery
Javascript jQuery
4 votes181 views2 answers
Jquery remove special characters from string
Javascript jQuery
1 vote146 views2 answers
Jquery get custom attribute
Javascript jQuery
0 vote186 views1 answer
Jquery remove all options but first
Javascript jQuery
0 vote145 views1 answer
Jquery get cursor position
Javascript jQuery