Отображение и скрытие элементов
321
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');
});
});
-
06:53
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
-
20:42
-
09:21
Основные этапы разработки сайта для стоматологической клиники
-
12:26
-
10:30
-
18:43
Продвижение своими сайтами как стратегия роста и независимости
-
22:46
-
06:18
-
12:23
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 50344 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31952 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 26317 visits
- Как через css изменить цвет png изображения? 11773 visits
- Blob video url download 11318 visits
- Php curl запрос через прокси с авторизацией 10726 visits
- Работа с captcha vk api 9524 visits
© "hostciti.net" 02.4.2026 | 06:33