单击textarea时显示提交按钮

Question

我有很多textareas。

当我点击textarea时，它的形状完美展开。比我尝试添加将显示SUBMIT按钮的代码（点击后）。

我的代码有效但不太好 - 我需要点击次数，直到按钮出现。

为什么？

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();
    });
});