Появление и исчезновение блока при нажатии можно реализовать лишь с помощью JS?

Question

[Имя Имечко]

Появление и исчезновение блока при нажатии можно реализовать лишь с помощью JS?

Answer 1

[Денис Инешин]

Теоретически, если добавить блоку табиндекс то это возможно без JS: jsfiddle.net/IonDen/u52uomho

Comments

[Имя Имечко]

Способ хороший, но как сделать исчезновение блока при нажатии на черный квадрат?

[Денис Инешин]

Имя Имечко: блок исчезнет при нажатии в любое другое место. Или же, если сменить focus на active, то блок будет появляться только при удерживании мышки нажатой: jsfiddle.net/IonDen/u52uomho/2 тут и табиндекс не понадобится

[Имя Имечко]

Денис Инешин: первый вариант более подходит т.к. в этом блоке будет меню и люди не смогут нажать на ссылку в этом блоке т.к. если отпустят ЛКМ то active сработает и исчезнет все.

Хороший вариант первый, но опять же как прикрутить к той системе исчезновение при клике на черный квадрат? Но при этом, чтобы осталось закрытие блока при нажатии на другую область.

[Денис Инешин]

Имя Имечко: вообще на css это все хаки, сделайте на JS нормально и все, там пара строчек кода: jsfiddle.net/IonDen/u52uomho/3

[Имя Имечко]

Денис Инешин: действительно меньше кода в разы... а теперь как к этому способу прикрутить закрытие блока по белой области?

[Денис Инешин]

Имя Имечко: jsfiddle.net/IonDen/u52uomho/4 а так и клик в любом месте его закроет

[Денис Инешин]

Имя Имечко: см. пример выше

[Имя Имечко]

Денис Инешин: действительно закрывает, но так же он и закрывает его если нажать на красный квадрат... В этом квадрате предполагается размещение ссылок, как же люди на них смогут нажимать?

[Денис Инешин]

Имя Имечко: легким движением руки, брюки превращаются... jsfiddle.net/IonDen/u52uomho/5

[Имя Имечко]

Денис Инешин: у меня нет таких рук)) так что приходится учиться))
Спасибо большое за помощь, дальше сам попробую разобраться!

Answer 2

[Алексей Зуев]

jsfiddle.net/yurzui/2auqfteL/

Comments

[Имя Имечко]

А теперь как прикрутить к этому способу закрытие блока не только по тому же квадрату где и открывался, но и в белой области?

[Алексей Зуев]

Имя Имечко: обновил пример

Answer 3

[evnuh]

dabblet.com/gist/1506530

Comments

[Имя Имечко]

Все работает, но суть в другом. Имеется div, так вот при нажатии на этот div появляется рядом другой div.

[evnuh]

Имя Имечко: ну так делайте, кто мешает? подозреваю, что отсутствие знаний мешает.

Answer 4

[trueClearThinker]

Появление по клику по ссылке: jsfiddle.net/peremenov/quy1dy39

Answer 5

[Владимир Голубев]

С помощью css можно сделать исчезновение\появление при наведении на элемент, например - наводишь на див, рядом с ним проявляется картинка, и т.д. Но для клика такого не встречал. Впрочем, советую покопаться в возможностях CSS3 и HTML5 - умельцы делают на них игры без JS так что всё возможно.

Answer 6

[Дмитрий Шинкарь]

Я в какой-то верстке встречал "on-click", так что в html5 может быть и есть что-то похожее, но не уверен что можно привязать именно это событие...