Вопрос по поводу модального окна

Делаю шаблон для новости и нужно чтобы при нажатии кнопки открывалось модальное окно, а внутри него выводилось данные из доп. поля.
Вот кнопка при нажатии на которую должно открыться модальное окно

Код:

<a href="" id="book_intro" class="coolbtn border-gray action_contents">
                Оглавление книги
            </a>

Что нужно добавить к этому коду чтобы открывалось модальное окно и в нем выводились данные заполненные в доп. поле?

 

Способов множество. Вот, например, используя jQuery и внешнюю библиотеку (там в архиве есть пример): http://flaviusmatis.github.io/easyModal.js/

 

Кто может глянуть, почему не работает модальное окно http://base-road.ru/book/541-v-g-go...scepka-ustroystvo-ekspluataciya-i-remont.html
При нажатии на кнопку "Оглавление книги" но почему-то не открывается((((

 

Как вариант - сами скрипты подключены выше чем подключен jquery

 

оно открывается спустя пол минуты



и на странице все в кучу, лично уменя, потому что разрешение дисплея маленькое

 

хотя эта строка

Код:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

дублирует подключение бибилиотеки, т.к. в ДЛЕ она уже есть

 

Спасибо, не видел.