jQuery animation state

HTML

<script src="http://dl.dropbox.com/u/6407061/jQuery/8685/jquery.js"></script>
<p>Atomic click this</p>
<button id="btn-slide">slideToggle</button>
<div></div>
<button id="btn-fade">fadeToggle</button>
<div></div>

CSS

div, span {
    display: block;
    background: #ccc;
    height: 500px;
    width: 200px;
    margin:0;
    
}
p {
    margin-bottom: 20px;
}

JavaScript

var $d = $('div').first(),
    $do = $('div').eq(1);

$('#btn-slide').click(function() {
    $d.stop().slideToggle(1000);
});

$('#btn-fade').click(function() {
    $do.stop().fadeToggle(1000);
});