Friday, 6 September 2013

Show and Hide function with Jquery

Show and Hide function with Jquery

Use after close head tag

<script>
$(document).ready(function(){
  $("#hide").click(function(){
    $("p").hide();
  });
  $("#show").click(function(){
    $("p").show();
  });
});
</script>


Use after in body tag

<div id="show">Show</div>
<div id="hide">Hide</div>
<p>Your Content is Showing</p>

No comments:

Post a Comment