我想要做的是,当用户点击文本区域时,它会扩展 div 以显示“发布”按钮。
这是我的意思的图片:
因此,当用户单击文本框区域时,我需要背景 div 展开并显示“发布”按钮。
这是我开始的 JSFiddle:http: //jsfiddle.net/MgcDU/6018/
HTML:
<div class="container">
<div class="well">
<textarea style="width:462px" placeholder="Comment..."></textarea>
<button class="btn btn-primary" type="button">Post</button>
<div class="clearfix"></div>
</div>
CSS:
textarea {
margin-bottom: 0;
}
.btn {
float: right;
margin-top: 12px;
}
.container {
margin:20px 0 0 20px;
}
.well {
width: 476px;
padding: 12px;
}
我没有 JavaScript 经验,但我认为这是一个足够简单的项目,可以在完成后查看以了解基础知识。