Home/ Questions/Q 855321
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-15T08:03:25+00:00

This script I have found on StackOverflowe only… <!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01

  • 0

This script I have found on StackOverflowe only…

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <style>
    #appear_div { display: none; }
  </style>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  <script>
    $(document).ready(function() {
      $('#appear').click(function() { $('#appear_div').show(); });
    });
  </script>
</head>
<body>
  <input type="checkbox" id="appear">
  <div id="appear_div">
  <input type="checkbox" id="cb1">Check me <input type="text" id="text1">
  </div>
</body>
</html>

I need further development with this.

I want to hide div when uncheck the checkbox.

& How to add Fading effect to it ?

Thanx

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    $('#appear').click(function() {
    if(this.checked) {
        $('#appear_div').fadeIn();
    } else {
        $('#appear_div').fadeOut();
    }
});
    • 0