Jquery 滑动切换使我的文本区域向下跳

Question

我正在使用这个 jQuery 插件： http://api.jquery.com/slideToggle/

我有这个代码：

<div id=panel><form action="postit.php" method="get" name="post" style = "margin-left:40px;">
<textarea required cols="35" rows="5" name="status" class="resizable" id = "statuses"></textarea>
<input type="submit" name="submit" value="FOO!"/>
</form></div>
<p class="slide"><a href="#" class="btn-slide">FOO</a></p>

基本上，这段代码意味着面板应该向下滑动，但是当我运行它时，div 平滑地向下滑动，但 textarea 运行良好，然后突然跳到顶部。

我该怎么解决这个问题，是 api 中的错误，还是我的代码中有问题？

谢谢，我已经尽力说得尽可能清楚了。

这是文本区域的 css，以防万一这可能导致问题，抱歉，如果这无关紧要，但有人也可能遇到此问题。

可调整大小的文本区域文本区域{ 显示：块； 下边距：0pt； 高度：20%； 宽度：90%； }

编辑：这是 javascript（抱歉）：

$(".btn-slide").click(function(){
    $('textarea.resizable:not(.processed)').TextAreaResizer();
    $("#panel").slideToggle("slow");
    $(this).toggleClass("active"); return false;
});

Answer 1

对我来说效果很好： http://jsfiddle.net/SHKNQ/

似乎 TextAreaResizer 存在问题使其滑落下来。请注意，在我的小提琴中，我已禁用它并且它工作正常。如果您包括 TextAreaResizer 我可以找到解决方案。