jQuery的切換tablerow的開/關

Question

我，每一個第二錶行有「hideme」的類名稱的表。在我的css文件中，我製作了

.hideme { display:none} 

隱藏的行包含一個密碼字段和一個按鈕。在任何給定的時間只能顯示一個隱藏的行。因爲它是現在jQuery的代碼，使切換功能效果很好。但是它不會讓我點擊隱藏的行內，而不將其關閉，因此無法在文本字段什麼。

我應該如何改變我的jQuery代碼，讓點擊隱藏的行內沒有什麼發生？

我的jQuery代碼如下：

$(document).ready(function() { 
    $('#eventtable tr').on('click', function() { 
     if ($(this).next().css('display') == 'none') { 
      $('#eventtable .hideme').hide(); 
      $(this).next().toggle(); 
     } 
     else { 
      $('#eventtable .hideme').hide(); 
     } 
    }); 
}); 

你可以看到的代碼是如何目前正在這裏提琴：http://jsfiddle.net/aTN6v/

Answer 1

試試這個：

$('#eventtable tr:not(.hideme)').on('click', function() { 
... 
}); 

Answer 2

包裝你的功能內部的，如果檢查塊如果該行是或不是一個.hideme

$(document).ready(function() { 
    $('#eventtable tr').on('click', function() { 

    if(!$(this).hasClass('.hideme')) { 

     if ($(this).next().css('display') == 'none') { 
      $('#eventtable .hideme').hide(); 
      $(this).next().toggle(); 
     } 
     else { 
      $('#eventtable .hideme').hide(); 
     } 

    } 
    }); 
});