php单击回复出现回复框,javascript - 评论回复框的显示与隐藏问题

小葫芦2017-05-19 10:16:582楼

假如你的HTML结构如下

回复

提交评价

回复

提交评价

关于回复内容框的存在方式，个人认为是先渲染出来吧，避免点击的时候过多地去操作DOM，影响效率。而且后面才append的html代码有可能会js代码不能在其上面生效的~

回复框显示的时候有show类，点击已经显示的回复框时候就去掉类show来标识该回复框已经隐藏，然后在程序中判断回复框是否含有.show类。

$('.reply-btn').click(function(){

var $commentWrap = $(this).siblings('.comment-wrap');

// 3. 点击其他回复按钮时，原先的回复框隐藏

$(this).parent('.article').siblings().find('show.comment-wrap').hide();

// 判断点击一次回复，显示回复框，再点击一次就隐藏

if($commentWrap.hasClass('show')){

// 隐藏

$commentWrap.removeClass('show').hide();

}else{

// 显示

$commentWrap.addClass('show').show();

}

});

满意请采纳哦~