Несколько tooltip на одной странице. Как реализовать на чистом JavaScript

[volshebnyi]

Здравствуйте!

Имеется несколько дивов на одной странице. Внутри каждого дива скрытый tooltip в виде текста в span. Подскажите, пожалуйста, как на чистом JavaScript реализовать следующее - при клике на div.retailer-item должен открыться скрытый В НЕМ span.tooltip-content.

https://jsfiddle.net/ak1jbt5x/1/

Заранее благодарен за помощь!

[Alexandr37]

https://jsfiddle.net/ak1jbt5x/3/

[Alexandr37]

В js не силен, но вроде работает https://jsfiddle.net/ak1jbt5x/2/  .

[volshebnyi]

Alexandr37, спасибо, но при повторном клике не закрывается тултип. Нужно сделать через classlist.toggle - через переключение класса show.

[volshebnyi]

Alexandr37, спасибо! То, что нужно. Подскажите, а можно ли еще реализовать, чтобы при клике на следующий блок прежний открытый тултип скрывался?

[volshebnyi]

И еще есть проблема. У меня таких div id="container" несколько на странице. И заключить все это в один контейнер нет возможности...

[Alexandr37]

Есть вариант с jquery - https://jsfiddle.net/hav4r9qa/2/ . На чистом js к сожалению не получается=(. Может более опытные форумчане подскажут.