Отображение и скрытие элементов

261
23 июня 2017, 08:39

У меня есть такая табличка. Подскажите как сделать так, чтобы по клику на элемент с классом table__row_active открывались все элементы с классом table__row_noactive до следующего класса table__row_active

<table>
  <tr class="table__row table__row_active">
    <td class="table__content">
        <strong class="table__content--bold">Заголовок</strong> 
    </td>
</tr>
<tr class="table__row table__row_noactive">
    <td class="table__content">
        Текст 1
    </td>
</tr>
<tr class="table__row table__row_noactive">
    <td class="table__content">
        Текст 5
    </td>
</tr>

<tr class="table__row table__row_active">
    <td class="table__content">
        <strong class="table__content--bold">Заголовок</strong> 
    </td>
    <td class="table__content"></td>
    <td class="table__content"></td>
</tr>
<tr class="table__row table__row_noactive">
    <td class="table__content">
        7777
    </td>
</tr>
<tr class="table__row table__row_noactive">
    <td class="table__content">
        88
    </td>
</tr>
</table>
.table__row_noactive {
  display: none;
}
$(document).on("click", ".table__row_noactive", function(){
    $(this).find(".table__row_noactive").toggle();
})
Answer 1

Попробуйте так

$('.table__row_active').on('click', function(){
   var $_this = $(this);
   var thisIndex = $_this.index();
   var $table = $_this.closest('table');
   $table.find('.table__row').each(function(){
      if ($(this).index() <= thisIndex) {
         return;
      }
      if ($(this).hasClass('table__row_active')) {
         return false;
      }
      $(this).show(); // or $(this).addClass('show');
   });
});
READ ALSO
Регулярное выражение и изменение поля js
jQuery

Регулярное выражение и изменение поля js

Сейчас делается проверка на стороне клиента полей на заполнение и проверка регулярным выражениемНаписано все объемно,так скажем примитивно...

 251
Использование smarty функций с json
jQuery

Использование smarty функций с json

Пытаюсь сделать infinite scroll, с php, smarty и jquery ajaxКак я понял, для того, чтоб не нагружать сильно сервер идеально осуществлять весь процесс на клиентской...

 318
Как выронить меню по центру блока?
CSS

Как выронить меню по центру блока?

Перечитал варианты, но почему-то они не работают на конкретном сайтеКак сделать меню по центру страницы корректно? Имеется ввиду margin 0 auto

 289
Как стилизовать капчу от Google - reCAPTCHA V2
CSS

Как стилизовать капчу от Google - reCAPTCHA V2

Стили подтягиваются через скрипт во фрейм, динамически

 930