Показать сообщение отдельно
  #5 (permalink)  
Старый 16.10.2016, 14:09
Профессор
Отправить личное сообщение для warren buffet Посмотреть профиль Найти все сообщения от warren buffet
 
Регистрация: 08.07.2016
Сообщений: 1,332

Здесь проблемка в лобовом решении. Есть чуть более вбок, но тоже хрестоматийное. Меняем хтмл

<div class="posts"></div>
   <div></div>
   <div></div>
   <div></div>
</div>


Правила применяем к posts так

.posts > div {}

чтобы дивы следующего порядка не затрагивались

и вешаем на этот родительский див 1 листенер и 1 обработчик

document.querySelector('posts').addEventListener('click',togPost);

function togPost(ev){
  
  var el = ev.target;
  if(el===this) return;
  /* могут быть еще проверки, ну и пользуешься el для скрытия-раскрытия */

}


Канонично все.
Ответить с цитированием