通过单击其他链接隐藏CSS页面

Question

我想知道，我得到了这段代码：

<li><a href="#home">Home</a></li> 
<li><a href="#link1">Link 1</a></li>

CSS中的代码：

#link1
{
display: none;
}

#link1:target
{
display: block;
}

还有一些设计内容，但它包含在我的CSS代码的li部分中，所以这里不需要它。

现在，我的主页始终可见。当我点击“Link 1”时，如何让家庭部分消失？因为现在“链接1”的内容出现在家庭内容的下方，而不是它的位置（家庭内容必须消失，我说，它不会）

我想将所有内容保存在一个html文档中，这就是为什么我使用CSS而不是链接到另一个页面，这可能会使这更容易。

如果我不清楚或者您需要一些额外的代码，请告诉我，但请告诉我当时还不清楚。谢谢：]

Answer 1

你有没有试过javascript / jQuery？

$('#link1').click(function() 
{
  $('#home').hide();
});

Answer 2

尝试jQuery选项卡。非常容易使用，它将为您完成所有这一切。 http://jqueryui.com/demos/tabs/