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 部分に含まれているため、ここでは必要ありません。

現在、私のホームページは常に表示されています。「リンク 1」をクリックしたときにホーム パーツを非表示にするにはどうすればよいですか? 「リンク 1」のコンテンツが、その場所ではなく、ホーム コンテンツの下に表示されるようになったためです (ホーム コンテンツを非表示にする必要がありますが、そうではありません)。

すべてを 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 に答える