2013-09-20 6 views
0

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

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

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

Я в настоящее время вызов на яваскрипте функцию под названием «мясорубка» в OnLoad тела.

Функция затем говорит

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

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

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

+0

Я установил ее! ta - просто нужно было сказать $ ("#" + hasher) .click(); – Media219

ответ

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