Скрыть отображение id="" а адресной строке

Тема в разделе "JavaScript", создана пользователем vave, 21 июн 2018.

Модераторы: ZiX
  1. vave

    vave

    Регистр.:
    23 июн 2007
    Сообщения:
    420
    Симпатии:
    16
    Есть такая менюшка
    http://blogs.sitepointstatic.com/examples/tech/css3-target/accordionvert.html

    Все в ней устраивает, но когда я сделал много вариаций, то менюшка стала скролить в непонятные места, я так понимаю это вызвано тем что в строку браузера кидается ссылка #acc3 и затем браузер автоматом скролится до элемента в которому прописано id="#acc3", но мне так не надо, хотелось бы что бы при нажатии на варианты меню, страница никуда не скакала.

    Если вы уменьшите окно браузера до половины это меню, и начнете кликать по ней, то поймете о чем речь.
     
  2. partizzzzzan

    partizzzzzan Создатель

    Регистр.:
    8 май 2010
    Сообщения:
    17
    Симпатии:
    1
    Ну так в этом примере аккордеон сделан на чистом CSS. Если хотите уйти от использования id. нужно делать аккордеон на js с использование например атрибутов типа data-accordion для блоков
     
  3. xxxsoal

    xxxsoal Создатель

    Регистр.:
    15 авг 2016
    Сообщения:
    14
    Симпатии:
    6
    в jquery или в jquery-ui есть возможность с легкостью делать аккордион почти такой-же, буквально в эти строчки с обычной структурой html
    Код:
    jQuery(".html_cotainer").accordion({
          collapsible: true,
          active: false,
          icons: false,
          heightStyle: "content"
    });