Скрывать ссылку если пользователь нажал на нее?

Question

[viktorulyushev]

Есть блок с надписью и ссылкой,нужно сделать чтобы если пользователь нажал на ссылку то он попадет на ту же страницу но уже чтобы этот блок был скрыт,это можно сделать?

Comments

[Stalker_RED]

В каком смысле, попадал на ту-же страницу? Может просто скрывать блок без перезагрузки, или вообще ссылки заменить на кнопки.

Answer 1

[Stalker_RED]

Если без перезагрузки страницы, то можно так:

$(document).on('click', '.myBlock a', function(evt){
  $(this).closest('.myBlock').remove(); // убираем блок
  evt.preventDefault(); // отменяем переход
})

Если перезагрузка нужна, то придется сохранять состояние блоков, в localStorage, например, а при загрузке страницы скрывать те блоки, для которых есть записи в localStorage.

Comments

[viktorulyushev]

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

[Stalker_RED]

viktorulyushev: Ну и добавьте там строчку $('другойблок').show()

[viktorulyushev]

Stalker_RED: так?

$(document).on('click', '.myBlock a', function(evt){
  $(this).closest('.myBlock').remove(); // убираем блок
  evt.preventDefault(); // отменяем переход
 $('другойблок').show()
})

[Stalker_RED]

viktorulyushev: Отлично. Я надеюсь, что вы понимаете, что вместо "другойблок" нужно вставить селектор какого-то блока, который вы хотите показывать.

[viktorulyushev]

Stalker_RED: да,конечно

Answer 2

[iBird Rose]

вешай по клику класс, при котором ссылка будет display: none;

Answer 3

[Сергей Горячев]

Вешать куку при клике на ссылку.