内部ページ参照でHTML内の要素を非表示/非表示にする

内部ページ参照で要素を非表示/非表示にすることは可能でしょうか。内部ページ参照でHTML内の要素を非表示/非表示にする

<div class="hidden"> 
    <div id="thanks"> 
     <h1>Thank you!</h1> 
     <p></p> 
     </div> 
    </div>

ですから、「http://www.website.com/#thanks」を訪問すると、「隠された」divが:target疑似クラスを使用して、はい/またはその逆

2017-01-29 Makaveli

ようこそ。あなたの質問は非常に曖昧です。最高の質問に答えるには、[ツアー]をご覧ください。おそらく、隠す/隠すHTMLの小さな例を提供します。あなたのHTML構造に非常に依存しているCSSでこれを達成する方法があります。それ以外の場合は、JavaScriptを使用しています。 –

@ JonP内部ページ参照が何であるか知っている限り、質問は実際にはっきりとしています。私が信じているように、この質問を手助けすることはできません。 – Makaveli

@Makaveli内部ページ参照の意味を説明できますか？ –

を非表示にすることでしょう。また

#main { 
 
    display: none; 
 
} 
 
#main:target { 
 
    display: block; 
 
}

<a href="#main">main</a> 
 

 
<div id="main"> 
 
    main section 
 
</div>

、あなたはこのような:targetの内部に巣隠された内容をすることができます。

.hidden { 
 
    display: none; 
 
} 
 
:target .hidden { 
 
    display: block; 
 
}

<a href="#main">main</a> 
 

 
<div id="main"> 
 
    <div class="hidden"> 
 
    main section 
 
    </div> 
 
</div>

2017-01-30 00:26:48

あなたがURLからハッシュ（＃）の後に値を取得するには、次のJavaScriptを使用することができます。

var hash = location.hash.substr(1);

結果に基づいて表示/非表示を切り替えることができます。

2017-01-30 00:37:06

答えて