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

我有很多文本区域

当我点击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();
        });




    });
}); 

echo”“；
echo“
”；
回声“
”；
回声“；
$（函数（）{
$（“.expandTextarea”）.focus（函数（）{
var元素=$（此）；
var refID=元素属性（“refID”）；
//警报（重新填充）；
$（'textarea.expandTextarea'）。焦点（函数（）{
制作动画（{height:“200px”}，500）；
//$（'.addComment'）.show（）；
$（'#addCommentButton'+refID）.show（）；
});
});
}); 

要使两个操作在一个焦点上工作，请执行以下操作：

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

---

因为第二个

.focus（）

位于第一个焦点的内部，所以您需要先聚焦一次以激活第二个焦点，然后取消聚焦并再次聚焦以触发它。谢谢！。。。。。。。。。。。。。。