0

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

<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 的原因，而不是链接到另一个页面，这可能会使这更容易。

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

4

2 回答 2

2

你有没有尝试过javascript/jQuery？

$('#link1').click(function() 
{
  $('#home').hide();
});
于 2012-10-01T14:13:23.303 回答
1

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

于 2012-10-01T14:16:56.407 回答