Одно событие для одинковых классов [дубликат]

171

07 июня 2018, 17:00

На данный вопрос уже ответили:

Как добавить css-класс в html для всех элементов определенного класса с помощью js? 2 ответа
Задать атрибут элементу при выполнении определенных условий 1 ответ

Всем привет. Проблема вот такого характера. Скрипт работает только на первый класс а должен срабатывать на все.

var text = document.querySelector('.textOut .hide'); 
var img = document.querySelector('.textOut .textImg .img'); 
var img_tracker = 'f'; 
 
img.onclick = function() { 
  text.classList.toggle("vis"); 
  img.classList.toggle("imgr"); 
  if (img_tracker == 'f') { 
    img.src = 'imges/down-arrow-circle-md2.png'; 
    img_tracker = 't'; 
  } else { 
    img.src = 'imges/down-arrow-circle-md.png'; 
    img_tracker = 'f'; 
  } 
}

<div class="textImg"> 
  <img class="img" src="imges/down-arrow-circle-md.png" alt=""> 
  <p>В какое время проводятся занятия по направлениям?<br><br><span class="hide">По каждому направлению  
    одновременно ведется несколько групп, ку</span> </p> <br> 
 
</div> 
<div class="textImg"> 
  <img class="img" src="imges/down-arrow-circle-md.png" alt=""> 
  <p>Сколько по времени идет каждое занятие?<br><br><span class="hide" id="text">По каждому направлению  
    одновременно ведется несколько групп, ку</span></p> 
</div> 
<div class="textImg"> 
  <img class="img" src="imges/down-arrow-circle-md.png" alt=""> 
  <p>В какое время производится оплата занятий?<br><br><span class="hide" id="text">По каждому направлению одновременно ведется несколько          
    групп, ку</span></p> 
 
</div> 
<div class="textImg"> 
  <img class="img" src="imges/down-arrow-circle-md.png" alt=""> 
  <p>Смогу ли я обучаться на нескольких направлениях одновременно?<br> 
    <br><span class="hide" id="text">По каждому направлению одновременно ведется  
    несколько групп, ку</span></p> 
 
</div>