Test case for jQuery Ticket 7677

slideDown stop slideUp slideDown height issue

by jitter

HTML

<button id="b1"> slideDown </button>
<button id="b2"> Stop </button>
<button id="b3"> slideUp </button>
<div id="foo"></div>

CSS

#foo {
    width: 200px;
    height: 200px;
    background-color: red;
    display: none;
}

JavaScript

var $d = $("#foo");
$("#b1").bind( "click", function() {
    //$d.css("height", "");
    $d.slideDown(2000);
});

$("#b2").bind( "click", function() {
    $d.stop();
});

$("#b3").bind( "click", function() {
    $d.slideUp(1000, function()  {
        //$d.css("height", "");
    });
});