Как реализовать появление небольшого блока div при нажатии на ссылку?

Question

[Имя Имечко]

Как реализовать появление небольшого блока div при нажатии на ссылку? При этом затемнение остальной страницы.

Вообщем пример на https://blog.yandex.ru/
Нажмите на табло сервисов (иконка с квадратиками) сверху

Answer 1

[Дмитрий Камянной]

Как то так codepen.io/larrygeams/pen/reiDd
Найти в примерах можно по ключевиках - toggle nav , sidebar nav . А стилизовать, от куда будет появляться и как можно и в css. Суть в Jquery и событии .click()

Comments

[Имя Имечко]

хороший вариант

Answer 2

[Максим Тимофеев]

Подключите bootstrap и пользуйте их виджет модального окна. Или напишите на jquery - там 3 строчки кода. Если не знаете jquery - срочно учить. Не представляю себе веб проекта, где бы jquery не был базисом для юзер интерфейса сайта.

Comments

[Имя Имечко]

спасибо так и поступлю

[Ksider]

ради маленького скриптика подключать bootstrap, мда

[Максим Тимофеев]

Ksider: Я бы написал сам, но человек не умеет, поэтому вопрос оптимальных решений, для него пока не стоит.

[Ksider]

ну есть куча уже решенных вариантов, с подключением маленьких сниппетов. На том же codepen, есть sidr www.berriart.com/sidr/#usage в конце концов

[Дмитрий Камянной]

codepen.io подскажет как сделать чуть ли не все что угодно) без бутстрапа и лишних библиотек. Наберитесь терпения, упорства и ищите.