单击文本区域时显示提交按钮

Question

我有很多文本区域。

当我点击 textarea 时，它的形状会完美展开。而不是我尝试添加将显示提交按钮的代码（点击后）。

我的代码可以工作，但效果不佳 - 我需要点击多次，直到按钮出现。

为什么会这样？

echo "<form id='addComment".$fIndex['id']."' action='#' method='post' >";
    echo "<p style='margin: 0 15px 0 10px'><textarea class='expandTextarea' refID='".$fIndex['id']."'></textarea></p>";
    echo "<p><a href='#' class='addComment button3d' refID='".$fIndex['id']."' id='addCommentButton".$fIndex['id']."' style='display: none'>Submit</a></p>";
echo "</form>";




$(function() {
    $(".expandTextarea").focus(function(){
        var element = $(this);
        var refID = element.attr("refID");
//      alert(refID);



        $('textarea.expandTextarea').focus(function () {
            $(this).animate({ height: "200px" }, 500); 
        //  $('.addComment').show();
            $('#addCommentButton' +refID).show();
        });




    });
}); 

Answer 1

要让两个动作都使用一个焦点：

$(function() {
    $(".expandTextarea").focus(function(){
        var element = $(this);
        var refID = element.attr("refID");
        element.animate({ height: "200px" }, 500); 
        $('#addCommentButton' +refID).show();
    });
});