Jquery CSS和隐藏元素，使我的其他锚链接无法工作

这是我的网站：

shoutkey.com/giantic

当您单击第一项上的“更多信息”时，它会起作用（它会将一个元素折叠到“信息”下）

如果您尝试在第二、第三等项目元素上单击此“更多”按钮，它将不起作用

首先我认为是.infobutton不适用于第二个etc项，但现在我发现是隐藏了信息的元素，使得“更多信息”按钮不起作用。（不能单击锚定链接）

---

如何在CSS中修复此问题？z指数？怎么用？我是否隐藏了错误的元素？

我不确定这个网站是否为我翻译，但我从你的源代码中看到的是，你只是在寻找信息和Mindre信息

 <script type='text/javascript'>
    $(document).ready(function(){
        $('.infobutton').live('click', function(){
            if ($(this).html() == "Mere info") {
                $(this).html("Mindre info");
                $(this).next().toggleClass("hidden");
            } else if ($(this).html() == "Mindre info") {
                $(this).html("Mere info");
                $(this).next().toggleClass("hidden");
            }
        })
    });
</script>

$（文档）.ready（函数（）{
$（'.infobutton'）.live（'click'，function（）{
if（$（this.html（）==“仅仅是信息”）{
$（this.html（“Mindre信息”）；
$（this.next（）.toggleClass（“隐藏”）；
}else if（$（this.html（）=“Mindre info”）{
$（this.html（“仅仅是信息”）；
$（this.next（）.toggleClass（“隐藏”）；
}
})
});

但是你的html没有where

纯粹的信息

而是

更多信息

。所以很明显，这是行不通的。您应该首先在html中更正您的措辞

---

谢谢

删除

隐藏的
CSS类，替换
$（this）.next（）.toggleClass（“隐藏”）与
$（this）.next（）.toggle（）
不确定它是否导致此问题，但在页面顶部，您可以根据jquery API链接到jquery 1.7.2<代码>$.live（）
在1.7及更高版本中被弃用。根据他们的建议，尝试将其更改为
$.on（）
 第一个对我也不起作用…对不起，再试一次，第一个现在起作用了实际上。。在google chrome中，它可以在所有元素上工作..嗯。。但不是在关闭前一个后。。如果你一个接一个地打开它们，一切都会好起来。为什么不发代码呢？一旦你找到答案并更新你的网站，未来的访问者就不会知道哪里出了问题。请更新网站，这已经解决了-这不是问题，我认为它可以解决，但我希望对startOK隐藏元素，然后只需在你的CSScheck页面中使用
.hidden{display:none}
，它已更新为您的答案解决方案。点击“更多”按钮现在不显示元素，其他链接也不起作用。在最新的Firefox、Chrome和Win7上的IE9中，这对我来说很好。你用什么来测试？工作，在我的4s上测试。但在我的桌面上，使用最新的chrome浏览器时，它不适用于我。奇怪，可能只有我或我的缓存。答案接受我改为on（），谢谢通知，但这不是原因