Здесь проблемка в лобовом решении. Есть чуть более вбок, но тоже хрестоматийное. Меняем хтмл
<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 для скрытия-раскрытия */
}
Канонично все.