Как убрать из адресной строки id элемента?

Question

[Максим]

Для примера сверстал такую конструкцию : codepen но при переходе по выпадающему меню остаётся след в адресной строке броузера , как убрать это :

В общем вопрос решил Но только пришлось убрать якоря : https://geyanpeaple.github.io/hoverJqueryMenu/

Comments

[atis //]

Это у вас табы такие? Еще и без JS. Объясните принцип работы пожалуйста.

[Максим]

atis //: ну как бы это должно работать по hover но попробую с этим разобраться , на данном этапе хотя бы убрать из URL id

Answer 1

[WQP]

preventDefault(); не добавляет в адресную строку ничего. Используйте его

Comments

[Максим]

это php или js ?

[WQP]

Максим Жаров: https://api.jquery.com/event.preventdefault/

[Максим]

WQP: а что с этим делать ?я как бы такой скрипт даже не знаю куда прикрутить

[WQP]

Максим Жаров: там пример снизу есть. Просто в обработчик click пишите, что нужно

Answer 2

[Владислав Поляков]

Единственный вариант это использовать js. Подключить библиотеку jquery , и менять свойтсва элементов ( видим или нет).

$.fn.visible = function() {
    return this.css('visibility', 'visible');
};

$.fn.invisible = function() {
    return this.css('visibility', 'hidden');
};

И при клике на объект делать все невидимыми , а его видимым

$('Element').click(function(){
  $(this).visible(); or $(this).invisible();
});

Answer 3

[Владимир Грабко]

не как.

Comments

[Максим]

почему ?

[Владимир Грабко]

Максим Жаров: спецификация html