jquery - slodedown効果でdivショーの半分の高さ?

Question

高さが 100px の div が 1 つあり、ページの読み込みに隠されています。別のリンクをクリックすると、show() だけを使用して突然その高さの半分 (50px) を表示し、残りの 50px をスライドダウン効果で表示する必要があります。どのように可能ですか、何か助けはありますか?

Answer 1

どういうわけかこのように:

$("#linkClick").click(function() {
    $("#yourDiv").css("height", "50px");
    $("#yourDiv").show();
    $("#yourDiv").slideDown();
});

それが役に立てば幸い。