jQuery专注于点击的内容

时间:2013-09-18 11:34:13

标签: jquery

我有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();    
});

jsFiddle

1 个答案:

答案 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();    
 });

http://jsfiddle.net/QpA6b/2/