Как скрыть элемент при клике на ссылку внутри него?

Question

[amazinginternetsites]

Друзья, не получается сделать такой блок.
Вот тут то, что сделал
пример

Появляется {"error": "Please use POST request"}

Answer 1

[lega]

Пример как у Владимир Ионов, только проще.

Comments

[amazinginternetsites]

Есть ли минусы у такого метода

[lega]

amazinginternetsites: Тут используется Angular Light, т.е. +17кб (хотя можно jQuery отключить -88кб).
а в целом, если научитесь то будете быстрее и компактнее (продуктивнее) разрабатывать веб-приложения. Тут есть простая статья про это: habrahabr.ru/post/272125

[amazinginternetsites]

lega: А как работать с куками тогда. Вот смотрите, нужно чтобы элемент показывался только через, допустим месяц после (обязательно) скрытия блока.

[lega]

amazinginternetsites: Как и везде, проверяете куку и выставляете переменную (видимость) true или false
jsfiddle.net/lega911/bcjvyj4p

[amazinginternetsites]

При закрытии блока он исчезает и появляется через определенное время. тут проблем нет. но при обновлении страницы он опять появляется.

[lega]

amazinginternetsites: это пример как манипулировать видимостью.
Вот пример где появляется с учетом перезагрузки страницы.

[amazinginternetsites]

Все замечательно, прекрасная штуковина. Но вот интересная вещь. перезагружая страницу, блок на мгновение появляется и исчезает до момента истечения таймера.

А вот в примере такого нет. Не конфликт ли это с чем-либо?

[amazinginternetsites]

lega: jsfiddle.net/qoq1yfc2/2 в этом примере все ок

[amazinginternetsites]

amazinginternetsites: может ли это произойти из-за кэширования?

[lega]

amazinginternetsites:
> блок на мгновение появляется и исчезает

Для этого можно скрыть блок, al-cloak (display:none) удаляется когда "срабатывает" код.
Поправил пример: jsfiddle.net/lega911/qoq1yfc2

[lega]

amazinginternetsites: блок виден т.к. он отрисовывается раньше чем срабатывает js.
css / al-clock это разрешает.

[amazinginternetsites]

Все замечательно! Спасибо. Теперь есть время покапаться и почитать что к чему.
А если я на сутки ставлю, мне что, 86400000 прописывать?

[lega]

Да, там миллисекунды.

[amazinginternetsites]

lega: извините, с новым годом!
Такой вопрос, а что делать если 2 таких блока рядом на странице
вот пример jsfiddle.net/qoq1yfc2/5
Дело в том, если закрыть один блок он скрывается, но если перезагрузить страницу не показываются оба блока и идет обратный отсчет у обоих.

[lega]

amazinginternetsites: jsfiddle.net/lega911/f8g4smL4
Они использовали один ключ в localStorage "counter", поправил на counter2

[lega]

В данном случае не обязательно дублировать функцию, можно свернуть: jsfiddle.net/lega911/c477kxw4

Answer 2

[Владимир Ио]

Вот https://jsfiddle.net/fkzu9sqp/

Comments

[amazinginternetsites]

А каким образом задается время, т.е. чтоб после закрытия он больше не показывался в течение определенного времени?

Answer 3

[Q4Dizzy]

Вы не подключили Jquery..

И если хотите прервать обычное поведение элементов (ссылки или формы), используйте event.preventDefault()