toggle + stop + show bug

by nkovacs

HTML

<div class="test"></div>
<button type="button" class="thebutton">Toggle + Show</button>
<button type="button" class="thebutton2">Toggle + Show without stop</button>
<button type="button" class="showbutton">Show</button>
<button type="button" class="hidebutton">Hide</button>

CSS

.test {
    background: red;
    width: 200px;
    height: 200px;
    display: none;
}

JavaScript

$('.thebutton').click(function () {
    $('.test').toggle(200).stop(true).show(200);
});

$('.thebutton2').click(function () {
    $('.test').toggle(200).show(200);
});

$('.showbutton').click(function () {
    $('.test').stop(true).show(200);
});

$('.hidebutton').click(function () {
    $('.test').stop(true).hide(200);
});