Test case for jQuery Ticket 7725

slideUp/slideDown

HTML

<div>
    <button id="sd"> slideDown </button>
    <button id="su"> slideUp </button>
    <button id="sh"> show </button>
    <button id="hi"> hide </button>
</div>
<p style="display:none;">
    a <span class="elements hidden"> b </span> c
</p>
<p>
    a <span class="elements hidden"> b </span> c
</p>

CSS

.elements {
    border:1px solid red;
    vertical-align:text-top;
}
.hidden {
    display:none;
}

JavaScript

$("#sd").click(function() {
    $('.elements').slideDown(1500);
});

$("#su").click(function() {
    $('.elements').slideUp(1500);
});

$("#hi").click(function() {
    $('p:first').hide();
});

$("#sh").click(function() {
    $("p").css("visibility", "visible").show(1500);
});