CSS从网址切换锚点

时间:2013-09-20 13:33:15

标签: javascript html css anchor show

我的网页中有3个部分在点击时变得可见或不可见(这是使用CSS完成的)。

然后,我可以使用锚点从导航栏链接这3个部分(在页面上锚标记具有'togg'类),当我点击链接时它会转到右边部分,但我需要相关的部分也变得可见。

我已经在这个网站上搜索了可能的答案,并从那些网站上找到了我想认为可行的答案:

我目前在body onload中调用了一个名为'hasher'的javascript函数。

然后该功能

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

但这似乎不起作用,而且我对Javascript的了解并不是这样,我可以找出从这里开始的地方。

请有人帮忙!在此先感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

如果hasher是需要显示的section元素的id,请使用

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