jQuery HTML Element How to - Show li item with slide down








Question

We would like to know how to show li item with slide down.

Answer


<!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: