JQuery toggle tablerow on/off

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

Оберните функцию внутри блока if, чтобы проверить, является ли строка или нет .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(); 
     } 

    } 
    }); 
});