介绍
这篇文章给大家分享的是有关如何基于JavaScript实现评论框展开和隐藏功能的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
<强> 1。效果图如下所示,强>
点击评论会在对应的评论区域展开评论输入框,点击取消会取消对应的评论输入框
<强> html 2.代码:需要引入jQuery。js 强>
& lt; div 类=皀r-comment"比; & lt; div 类=皀r-comment-con"比; & lt; div 类=皀r-comment-nav"比; & lt; div 类=癱omment-number"比; & lt; span> 493 & lt;/span> & lt; span>条评论& lt;/span> & lt;/div> & lt; div 类=癱omment-sort"比; 切换为时间排序 & lt;/div> & lt;/div> & lt; div 类=癱omment-content"比; & lt; div 类=癱om-users"比; & lt; div 类=癱omment-user"比; & lt; span>知乎用户& lt;/span> & lt; div 类=癱omment-user-content"比; 这个爬虫真的好强大! & lt;/div> & lt;/div> & lt; div 类=癱omment-time"比; & lt; div> 2017.10.01 21:32:30</div> & lt;按钮 类=癰tn  btn-primary btn-sm  btn-reply"在回复& lt;/button> & lt;/div> & lt;/div> & lt; div 类=皍ser-reply"比; & lt; duv 类=皉eply-in"比; & lt;输入 类型=皌ext" 值=https://www.yisu.com/zixun/薄? name=" " 占位符="请输入评论内容"/><按钮 type="按钮" 类=" btn btn-primary btn-comment btn-sm ">评论> 按钮 <按钮 type="按钮" 类=" btn btn-default btn-cancel btn-sm ">取消> 按钮