Показать сообщение отдельно
  #2 (permalink)  
Старый 13.02.2019, 11:26
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,791

Сообщение от denis_kontarev
То есть меняется style в первом tbody, но если нажать на второй элемент в классом trigger ничего не происходит, пока снова не нажмем на первый элемент, чтобы изменился второй.
У вас код отличается от того, что вы продемонстрировали?
Текущий код должен работать следующим образом:
При нажатии на любой элемент с классом .trigger изменить видимость на противоположную для всех элементов с классом .st .

<table> не может иметь прямых потомков с тэгом <input>.


<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<input class="trigger" data-target="st-1">
<div class="st" style="display: none;" data-name="st-1">ТЕКСТ...</div>

<input class="trigger" data-target="st-2">
<div class="st" style="display: none;" data-name="st-2">ТЕКСТ...</div>

<input class="trigger" data-target="st-3">
<div class="st" style="display: none;" data-name="st-3">ТЕКСТ...</div>

<script>
$('[data-target].trigger').click(function(){
    $('[data-name="'+this.dataset.target+'"]').toggle();
});
</script>
Ответить с цитированием