Jquery 用另一个onclick替换默认div

我想一个divonload有一些内容和其他一些div可用，但在加载时不可见。当我单击一个给定的链接时，它将隐藏当前显示的div，并使该div可见

<div class="current">
    This is here by default 
</div>

<div class="link 1 hidden">
    Link 1 info
</div>

<div class="link 2 hidden">
    Link 2 info
</div>

<div class="link 3 hidden">
    Link 3 info
</div>

<div class="link 4 hidden">
    Link 4 info
</div>

默认情况下，这在这里
链接1信息
链接2信息
链接3信息
链接4信息

一种非常简单的方法是在CSS中使用：target伪类

您可以在此处看到一个示例：

您必须为导航链接和区段分配相同的id

HTML

 <li><a href="#one">First Paragraph</a></li>

 <section id="one">
     Lorem ipsum dolor sit amet, consectetur ...
 </section>

---

最后，您可以使用一些Javascript在页面加载时分配一个默认的活动类。希望能有所帮助。

一个非常简单的方法是在CSS中使用:target伪类

您可以在此处看到一个示例：

您必须为导航链接和区段分配相同的id

HTML

 <li><a href="#one">First Paragraph</a></li>

 <section id="one">
     Lorem ipsum dolor sit amet, consectetur ...
 </section>

---

最后，您可以使用一些Javascript在页面加载时分配一个默认的活动类。希望这能有所帮助。

Qu'est-ce Qu'on a articleé？请描述您在尝试这样做时遇到的具体问题。我正在尝试隐藏默认div并显示与链接关联的div。jsfiddle.net/daniellefrappier/3q44f5eu/#Qu'est-ce Qu'on a articleé？请描述您在尝试这样做时遇到的具体问题。我试图隐藏默认div并显示与链接相关的div。jsfiddle.net/daniellefrappier/3q44f5eu/#谢谢你的提琴，它总是让东西更容易理解。你知道如何让这个例子中的类“default”在点击任何链接时不显示吗？这里有点近，但仍然不起作用。在将jQuery包含在您的小提琴中之后，当页面加载时，我只能看到默认类。然后单击QLD，我只看到tab2，单击VIC，我只看到tab3。这不是你想要实现的行为吗？谢谢你的摆弄，这总是让东西更容易理解。你知道如何让这个例子中的类“default”在你点击任何链接时不显示任何内容吗？这里有点近，但仍然不起作用。在将jQuery包含在您的小提琴中之后，当页面加载时，我只能看到默认类。然后单击QLD，我只看到tab2，单击VIC，我只看到tab3。这不是你想要达到的行为吗？