Jquery 切换表行开/关

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

你可以在这里看到代码当前如何工作的 fiddle :http://jsfiddle.net/aTN6v/

Answer 1

试试这个:

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