jQuery slideToggle();

by ian_smithz

HTML

<div id='button'>Click</div>
        <div id='content'>Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff StuffStuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff Stuff</div>Content down below.

CSS

#button {
    background: #06f;
    color: white;
    width: 300px;
    padding: 10px;
}
#content {
    display: none;
    width: 300px;
    color: #333;
}

JavaScript

$("#button").click(function () {
     $("#content").stop().slideToggle();
     $("#button").text($("#button").text().replace("click", "bum"));
     return false;
 });

 $("#button").hover(function () {
     $(this).stop().css({
         "cursor": "pointer"
     })
 });