jQuery slidetoggle()

<script src="http://code.jquery.com/jquery-latest.js"></script>


div.toggle {
width:100%;
}


<!-- TOGGLER v1-->
  <button>Toggle</button>

  <div class="toggle">
  test
  </div>
<script>
    $("button").click(function () {
      $("div.toggle").slideToggle("slow");
    });
</script>
<!-- END TOGGLER -->


<!-- TOGGLER v2-->
  <button>Toggle</button>

  <div class="toggle">
  test
  </div>
<script>
    $(document).ready(function(){
		$("div.toggle").hide();
	});
	$("button").click(function () {
	  $("div.toggle").slideToggle("slow");
    });
</script>
<!-- END TOGGLER -->