Javascript 单击模式引导内的按钮后的文本区域

我有一个简单的模式，我想在模式中添加一个

textarea

，但我也希望

textarea

在点击模式中文本下的按钮后可见

在这里拉小提琴：

HTML:

有人能帮我解决这个问题吗

已编辑

如前所述，我忘记告诉您我希望在按Enter键后显示输入文本。我还将

textarea

更改为

text

更新代码

我更新了你的小提琴

只需给按钮id，并使用按钮点击事件，它将工作

$('#btnReply').click(function () {    
    $('#textarea-message').removeClass('hide');
});

$（'myModal'）.on（'show.bs.modal'，function（）{
$（文档）.on（'click'，'.btn reply'，函数（）{
var text=$（'#textarea message'）.val（）；
var html=''；
});
});
$（'#btnshowmodel'）。单击（函数（）{
$（'#textarea message'）.addClass（'hide'）；
});
$（'#btnReply'）。单击（函数（）{
$（'#textarea message'）.removeClass（'hide'）；
});
。启动模式{
利润率：20px；
}

发射模态
&时代；
情态标题
这里有一些文字

另一个foo文本
回答那个foo！
接近
也可能重复：您确实显示了文本/text区域，但我希望插入后显示
输入
文本。你明白我的意思吗？顺便说一下，我将
textarea
更改为
，这样我就可以使用按键输入值了。基本上我想输入文本像Facebook评论部分内模态..正是！但我希望它在模态中的“另一个foo文本”下。
$('#myModal').on('shown.bs.modal', function () {
    $(document).on('click', '.btn-reply', function () { 
    var text = $('#textarea-message').val();
    var html = '<input type="textarea" name="message" placeholder="Enter Sandman message ..." class="form-control" id="textarea-message" autocomplete="off" maxlength="200">';

    $(document).find('#textarea-message').append(html);
        });
    $('#textarea-message').show();
})

$(document).find('#textarea-message').on('keypress', function(e){

    if ( e.which == 13 ) {
        e.preventDefault();
        $('.btn-reply').trigger('click');
    }

});

.launch-modal {
    margin: 20px;
}

$('#btnReply').click(function () {    
    $('#textarea-message').removeClass('hide');
});