/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 vote343 views1 answer
Jquery is triggered on every element with class name
Javascript jQuery
0 vote361 views1 answer
Jquery basics
Javascript jQuery
3 votes329 views2 answers
Click select option to update div jquery
Javascript jQuery
0 vote348 views1 answer
Jquery repeat event on click
Javascript jQuery
0 vote364 views2 answers
Jquery when you typing in input
Javascript jQuery
1 vote348 views1 answer
How to get element position in jquery
Javascript jQuery
0 vote357 views1 answer
How to count the rows of gridview in asp.net using jquery
Javascript jQuery
8 votes320 views3 answers
Jquery text replace
Javascript jQuery
0 vote372 views1 answer
Gif Animation on Image jquery
Javascript jQuery
0 vote354 views1 answer
Jquery capture tab
Javascript jQuery