Несколько popup окон на одной странице на чистом JS

[volshebnyi]

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

Подскажите, пожалуйста, как реализовать несколько popup окон на одной странице на чистом JS? Например, если у кнопки и у popup окна одинаковые id:

https://jsfiddle.net/rjno6o9q/

[andrey7287]

https://jsfiddle.net/rjno6o9q/3/

[andrey7287]

id не могут быть одинаковыми, они уникальны 

[volshebnyi]

  On 5/15/2017 at 3:50 PM, andrey7287 said:

id не могут быть одинаковыми, они уникальны 

Expand  

Прошу прощения! Совсем уже не думаю. Конечно уникальны!

https://jsfiddle.net/rjno6o9q/2/

Вот здесь, например, при клике на кнопку с id = 188 должен показываться popup, который находиться в одном контейнере с этой кнопкой. Уверен, есть и более рациональные варианты.

Edited May 15, 2017 by volshebnyi

[andrey7287]

Я не очень хорошо понимаю в чём конкретно сложности. Установите fancybox или любой другой плагин.

[volshebnyi]

  On 5/15/2017 at 4:39 PM, andrey7287 said:

Я не очень хорошо понимаю в чём конкретно сложности. Установите fancybox или любой другой плагин.

Expand  

Вот здесь пример одного всплывающего окна - https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_popup

А у меня их несколько на странице - например, список разных пицц. Возле каждой пиццы кнопка "Ингредиенты". При нажатии на эту кнопку открывается список с ингредиентами. У каждой пиццы, естественно, этот список свой.

[mrnobody]

  On 5/15/2017 at 3:50 PM, andrey7287 said:

id не могут быть одинаковыми, они уникальны

Expand  

Добавлю к этому 

Имя класса, ID или имя атрибута не может начинаться с цифры. Они могут включать цифры, но не в начале слова.

 

Есть плагин bPopup, позволяет открывать несколько модальных окон, 6 секция.