基本的に、私がやろうとしているのは、ホームページにすべてのコンテンツがあり、一度に表示されるコンテンツの一部しかない Web サイトを作成することです。これを行うために私が読んだ方法は、可視性を切り替えることです。
私が抱えている問題は次のとおりです。最初にウェブサイトにアクセスしたときにホームページが空白であると仮定します(私が望んでいる方法です)。「私たちについて」リンクをクリックしたとしましょう。突然、私たちについてのセクションが表示されます (私が望んでいた方法です)。ここで私が遭遇した問題は、「製品」リンクをクリックすると、「製品」コンテンツが表示され、「私たちについて」コンテンツが再び非表示になることです。(基本的に、同じページ内で新しいページを開くような錯覚を作成します)
これが私がこれまでに思いついたコードです。特定の div 要素を表示および非表示 (onclick) にすることはできますが、一度に div 要素を 1 つだけ表示する方法がわかりません。
<script type="text/javascript">
function toggleVisibility() {
document.getElementById("about").style.display = "";
if(document.getElementById("about").style.visibility == "hidden" ) {
document.getElementById("about").style.visibility = "visible";
}
else {
document.getElementById("about").style.visibility = "hidden";
}
}
</script>
<script type="text/javascript">
function toggleVisibility1() {
document.getElementById("products").style.display = "";
if(document.getElementById("products").style.visibility == "hidden" ) {
document.getElementById("products").style.visibility = "visible";
}
else {
document.getElementById("products").style.visibility = "hidden";
}
}
</script>
JavaScript を機能させるためのリンクは次のようになります。
< href="#" onclick="toggleVisibility();">概要
< href="##" onclick="toggleVisibility1();"> 製品