Jquery 单击即可更改文本区域高度

我已经定义了一个textarea高度，按钮设置为“无显示”。我想将textarea高度更改为固定高度，并在单击textarea内部时显示该按钮

HTML:

如您所见，文本区域的高度为15px。所以，当我点击它，我想改变高度为100px，还想显示按钮

您可以在中看到相同的代码。感谢您的帮助。

只需绑定到文本区域的单击事件：

---

这是一个例子。您可能希望使这些选择器更加具体，以便不应用于页面上的每个文本区域和按钮元素。

以下是更新的选项。它将在聚焦时更改其高度，并在模糊时恢复到原始大小。作为替代，您可以使用addClass和removeClass来代替.css；使用纯css查看此示例：

<div class="wrap">
    <textarea class="ta"></textarea>
    <div class="clear"></div>
    <button>OK</button>
</div>

textarea{
    height:15px; 
    width: 200px;
}

.clear{
    clear:both;
}

button{
    display:none;
}

$("textarea").click(function() {
   $(this).height(100);
   $("button").show();
});

$('.ta').click(function () {       
         $( this ).css( "height","+=85" );
         $("button").show();

        });

textarea{height: 15px; width: 200px;}
textarea:focus{height:100px;}
textarea:focus ~ button{display:block}
.clear{clear:both;}
button{display:none;}