How to apply jQyery effect of hide and show in Drupal?

Question

$("#hide").click(function(){
  $("body").hide();
});

$("#show").click(function(){
  $("body").show();
});

Answer 1

$(".hideshow").click(function(){
  $(this).next().slideToggle("slow");
  return false;
}).next().hide();

<script type="text/javascript">
$(document).ready(function(){
  $(".hideshow").click(function(){
    $(this).next().slideToggle("slow");
    return false;
  }).next().hide();
});
</script>