Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Fade toggle method Demo</title>
<script  type="text/javascript"
        src="http://code.jquery.com/jquery-1.4.4rc2.js">
    </script>
  
<script type="text/javascript">
   $(document).ready(function(){
        $('#btnFade').click(function(){
          $('#dvText').fadeToggle();
      });
    });
  </script>
  
<script type="text/javascript">
   $(document).ready(function(){
        $('#checkbox').click(function(){
          $('#dvText').fadeToggle();
      });
    });
  
</script>
<script type="text/javascript">
     $('#id_of_your_checkbox').click(function() {
        if ($(this).is(':checked')) {
            $('#id_of_your_button').attr('disabled', 'disabled');
        } else {
            $('#id_of_your_button').removeAttr('disabled');
        }
    });
</script>
</head>
<body>
  <input type="button" id="btnFade" value="Fade Toggle" />
  
  <br/>
  <div id="dvText">
    <h1> jQuery By Example Rocks!!! </h1>
    <table width="80%" border="1" bordercolor="#005E91" height="21">
      <tr>
        <td  align="left">Terms and Condition </td>
           
      </tr>
      <tr>
        <td>© Suranaree University of Technology [2006]<br>
All Rights Reserved
No part of this website or any of its contents may be reproduced, copied, modified or adapted, without the prior written consent of the author, unless otherwise indicated for stand-alone materials.</td>
      </tr>
      <tr>
    
        <td>Insert your name : <input name="namecopyright" type="text" value="" size="25" ></td>
        
      </tr>
    </table>
  </div>
  
  <br />
  <input type="checkbox" name="send" value="Y" id="checkbox">
  
  <input type="checkbox" id="id_of_your_checkbox" />
<input type="button" id="id_of_your_button" value="OK" />
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers