Jquery slide toggle 让我的文本区域跳下来

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 中的错误，还是我的代码有问题？

谢谢，我已经尽量说清楚了。

这是 textarea 的 css，如果这可能导致问题，抱歉，如果这无关紧要，但也有人可能有这个问题。

resizable-textarea textarea { 显示: block ； margin 底部: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 出了问题，导致它向下滑动。请注意，在我的 fiddle 中，我已禁用它并且它工作正常。如果您包含 TextAreaResizer，我可以找到解决方案。