We would like to know how to show li item with slide down.
<!DOCTYPE html>
<html>
<head>
<script type='text/javascript'
src='http://code.jquery.com/jquery-1.5.2.js'></script>
</head><!-- www. j a v a2 s .c o m-->
<body>
<li><a class="currentPage">Home</a></li>
<li><a class="myaccount" style="display: none">My Account</a></li>
<script type='text/javascript'>
$(document).ready(function () {
$('.currentPage').click(function() {
$('.myaccount').slideDown('slow', function() {
console.log(1);
});
});
});
</script>
</body>
</html>
The code above is rendered as follows: