CSS Toggle Anchor от URL

0

У меня есть 3 раздела на моей веб-странице, которые становятся видимыми или невидимыми при нажатии (это делается с помощью CSS).

Затем у меня есть эти 3 раздела, связываемые с навигационной панелью с помощью опорных точек (на странице тега привязки есть класс "togg"), когда я нажимаю ссылку, она идет в правый раздел, но мне нужен соответствующий раздел, чтобы стать также видно.

Я искал возможные ответы на этом сайте и от тех, и я представил, что, как я думал, будет работать:

В настоящее время у меня есть вызов функции javascript, называемой "hasher" в bodyload.

Затем функция говорит

    function hasher()
    {
        if(!window.location.hash)
        {
           return;
        }
        else
        {
           var hasher = unescape(window.location.hash.substring(1));
           $('a.togg[href=#"' + hasher + '"]').click();
    }

Но это, похоже, не работает, и мои знания Javascript не такие, что я могу решить, куда идти отсюда.

Пожалуйста, помогите кому-нибудь! Заранее благодарим за помощь.

Теги:
show
anchor

1 ответ

0

если hasher - это идентификатор элемента секции, который должен быть видимым

HTML

<div class="section" id="something"></div>
<div class="section" id="something1"></div>
<div class="section" id="something2"></div>

JS

$('a.togg[href=#"' + hasher + '"]').click();
$(".section").not("#"+hasher").hide(); //Hides all sections except the one that has id in hasher
$('#'+hasher).show(); //shows the section with id in hasher

Ещё вопросы

Сообщество Overcoder
Наверх
Меню