我有article
个内容html的元素.article-row
和.content.
.content
已隐藏,点击.article-row
后,.content
会显示。但我希望其他article
转到.hide()
,以便当前点击的项目的.content
是视图中唯一的项目。
$('.article-row').click(function(e){
e.preventDefault();
if($(this).parent().find('.content').is(':visible')){
$('.content').hide();
}else{
$('.content').hide();
$(this).parent().find('.content').show();
}
});
$('.close').click(function(e){
$(this).parent().hide();
});
答案 0 :(得分:1)
你可以在jquery中使用not function。我已经像这样更新了你的小提琴。请查看。
$('.article-row').click(function(e){
e.preventDefault();
$('.article-row').not(this).hide();
if($(this).parent().find('.content').is(':visible')){
$('.content').hide();
}else{
$('.content').hide();
$(this).parent().find('.content').show();
}
});
$('.close').click(function(e){
$('.article-row').show();
$(this).parent().hide();
});