jquery row.siblings 无法正常工作

Question

我有隐藏和显示 sibling 的js功能，这里主要我有3个团队

1. 马拉巴尔
2. 帕扎西
3. 特拉凡科

这里，当单击 Malabar div Pazhassi 和 Travancore 将消失(即:我只需要带有显示按钮的 Malabar div 详细信息。)

当我单击“显示”按钮时，它将返回到第一个 View ，这意味着我需要所有 div

我的jquery

function clickInline(id)
 {

 $('#row'+id).siblings().show('');
 }  

但不幸的是它不起作用。这是我的 js fiddle fiddle

任何帮助将不胜感激

Answer 1

由于冒泡，显示按钮将触发这两个功能， 如果点击的元素不是显示按钮，则需要触发第一个函数

 <div class="row" id="row1" onclick="cc(event,1)">


 function cc(event,id) {
   if(!$(event.target).is('.btn-dis')) {
     $('#row' + id).siblings().hide('slow');
     $(".btn-dis").css("display", "block")
    }
 } 

demo