Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 
<meta charset=utf-8 />
<title>Avinash</title>
  
<style>
  
</style>
</head>
<body>
<a href="#" class="comments">Show Comments</a>
<br />
<div class="toggleComments" style="display:none;">
  This is #comment1 <br />
  This is #comment2 <br />
  This is #comment3 <br />
  This is #comment4 <br />
  This is #comment5 <br />
  This is #comment6
  </div>
   <script>
    //Start with comments hidden
    $('#comments').hide();
    //Attach click event to button
    $('.commentsBtn').click(function() {
        $('#comments').slideToggle('slow');
        $(this).text($(this).text() == 'Hide Comments' ? 'Show Comments' : 'Hide  Comments');
        //Kill the default function of the anchor tag
        return false;
    });
    
    </script>
  
</body>
</html>
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers