Question

JS点击展开类效果(toggle),帮忙修改一下效果，谢谢！

就是常见的列表页点击“回复”弹出“回复框”的JS效果。

目前的效果是点击每个回复，都弹出回复框，一个页面会同时弹出很多回复框，需要再去点一次才隐藏。

我希望的效果是，点击主题1弹出回复框，点击主题2的时候，主题1的回复框自动隐藏，就是整个页面只保持最后一个点击的主题弹出回复框。

//原JS代码如下，烦请大神帮忙修改一下，多谢//

//显示载入回复列表
feed_lists.on('click', 'a.J_feed_toggle', function(e){
e.preventDefault();
$('#J_emotions_pop').hide();
var $this = $(this);

id = $this.data('id');
var list = $('#J_feed_list_'+ id);

if(list.children().length) {
list.hide().empty();
}else{
list.html($loading_html[0]).show();
$.post($this.attr("href"), function(data) {
if (Wind.Util.ajaxTempError(data)) {
list.hide();
return false;
}

list.html(feed_part_html.replace(/_ID/g, id).replace('_DATA', data));

var feed_ta = list.find('textarea.J_feed_textarea'),
feed_btn = list.find('button.J_feed_sub');

Wind.Util.buttonStatus(feed_ta, feed_btn);
Wind.Util.ctrlEnterSub(feed_ta, feed_btn);
list.find('textarea').focus();
Wind.Util.avatarError(list.find('img.J_avatar'));

if(!$.isFunction(window.insertEmotions)) {
Wind.js(GV.JS_ROOT+ 'pages/common/insertEmotions.js?v='+ GV.JS_VERSION);
}
}, 'html');

}
});

Answer 1

原理就是将非当前的回复框隐藏，然后再显示当前的回复框

$('a.J_feed_toggle').not(this).each(function(){
var id = $(this).data('id');
$('#J_feed_list_'+ id).hide();
});
大致这个思路吧，代码可供参考