jquery - 使用jQuery切换div的高度

我正在尝试切换可以改变高度的div的高度。我想在用户单击按钮时将其切换为原始高度的10％，并在单击后重新打开时将其切换为原始高度的100％。我还需要更改箭头的类别以反映当前的切换状态。我还没有确定第二部分。任何幼兽将不胜感激。

这是我到目前为止所得到的...

function togglePracticeDrills() {
    $("#drillHelpSlide").animate({height:"10%"});
    $(".arrow").addClass("minimized");
};

谢谢！

最佳答案

function togglePracticeDrills() {
  var origHeight = $('#drillHelpSlide').data('origHeight');

    if (origHeight) {
        $('#drillHelpSlide').removeData('origHeight');
        $('#drillHelpSlide').animate({height: origHeight});
    } else {
        origHeight = $('#drillHelpSlide').height();
        $('#drillHelpSlide').data('origHeight', origHeight);
        $('#drillHelpSlide').animate({height: origHeight * 0.1});
    }

    $(".arrow").addClass("minimized");
};

http://jsfiddle.net/RsceU/