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 { display:block; margin-bottom:0pt; height: 20%; width: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，我可以找到解决方案。

Jquery幻灯片切换使我的文本区域跳了下来

1 个答案: