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

【问题标题】：hide CSS page by click on other link通过单击其他链接隐藏 CSS 页面
【发布时间】：2012-10-01 14:09:50
【问题描述】：

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

<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”时，如何让 home-part 消失？因为现在“Link 1”的内容出现在主页内容下方，而不是在其位置（主页内容必须消失，我说过，它不会）

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

如果我不清楚或者您需要一些额外的代码，请告诉我，但请务必告诉我还有什么不清楚的地方。谢谢：]

【问题讨论】：

【解决方案1】：

您是否尝试过 javascript/jQuery？

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

【讨论】：

【解决方案2】：

尝试使用 jQuery 选项卡。非常容易使用，它会为你做这一切。 http://jqueryui.com/demos/tabs/

【讨论】：