Форумы портала PHP.SU :: Версия для печати :: Модальные окна на странице

1. bmbly - 09 Ноября, 2017 - 00:05:46 - перейти к сообщению

Доброго времени суток!
Есть модальное окно:

CODE (htmlphp):
скопировать код в буфер обмена

<div class="row" id="ex" style="display: none;">
                        <div class="full_descr bounceInLeft animated">
                            <div class="col-md-6 left_block">
                                <div class="title txt_semibold"><span>Заголовок названия проекта</span></div>
                                <img src="http://placehold.it/450x450" alt="">
                            </div>
                            <div class="col-md-6 description txt_normal">
                                <p></p>
                                <p><span class="txt_bold"></span></p>
                                <p><span class="txt_bold"></span></p>
                                <div class="buttons">
                                    <a href="#" class="example_more">Подробнее</a>
                                    <a href="#" class="example_close">Закрыть</a>
                                </div>
                            </div>
                        </div>
                    </div>

Блок с ссылкой вызова модального окна:

CODE (htmlphp):
скопировать код в буфер обмена

<div class="col-md-3 example_wrapper">
                            <div class="fill wow bounceInLeft animated">
                                <h3 class="txt_light">Название видео</h3>
                                <a href="#" id="showEx" name="modal"><img src="https://thumb9.shutterstock.com/display_pic_with_logo/2403347/199425278/stock-vector-colored-flat-design-vector-illustration-icons-set-of-art-supplies-art-instruments-for-painting-199425278.jpg" alt=""></a>
                            </div>
                        </div>

Таких элементов на странице несколько, соответственно и модальных окон несколько. Как вызывать отдельно каждое модальное окно, для каждой отдельной ссылки, но чтобы не плодить id и class типа id="modal1", id="modal2" и т.д. И соответственно чтобы закрывались окна корректно.