Demo JQuery .slideToggle()

HTML

<div class="box">
    Click Me!
    <div class="footer">
        See how the sides popped outwards?
    </div>
</div>

CSS

.box {
    background: #f5f5f5;
    width: 250px;
    padding: 25px;
}

.footer {
    background: red;
    padding: 15px 25px;
    margin-top: 25px;
    margin-left: -25px;
    margin-right: -25px;
    display: none;
}

JavaScript

$('.box').click(function() {
    $('.footer').toggle("blind");
});