Question

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

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

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

Answer 1

You can use the following jQuery code:

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

then use the script method for the element you want to hide:

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

You can define the toggle function and name it as you want.