2017-01-29 5 views
0

Wäre es möglich, die interne Seitenreferenz ein Element ein-/ausblenden zu lassen.Ein-/Ausblenden eines Elements in HTML mit internen Seitenreferenzen

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

So würden Sie "http://www.website.com/#thanks" besuchen und die div "versteckt" würde/vice versa versteckt werden

+0

Willkommen bei Stackoverflow. Deine Frage ist sehr vage. Bitte nehmen Sie die [Tour], um zu sehen, wie Sie eine Frage am besten beantworten können. Geben Sie ein kleines Beispiel für den HTML-Code an, den Sie ein-/ausblenden möchten. Es gibt Möglichkeiten, dies mit CSS zu erreichen, das sehr von Ihrer HTML-Struktur abhängig ist. Ansonsten verwenden Sie Javascript. –

+0

@JonP die Frage ist eigentlich ziemlich klar, solange Sie wissen, was interne Seite Referenzen sind, wie ich glaube, dass wenn Sie nicht, Sie nicht in der Lage wäre, mit dieser Frage zu helfen. – Makaveli

+0

@Makaveli können Sie erklären, was Sie mit interner Seitenreferenz meinen? –

Antwort

1

Ja, die Klasse :target Pseudo verwenden.

#main { 
 
    display: none; 
 
} 
 
#main:target { 
 
    display: block; 
 
}
<a href="#main">main</a> 
 

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

Alternativ können Sie Nest versteckt im Inneren des :target so.

.hidden { 
 
    display: none; 
 
} 
 
:target .hidden { 
 
    display: block; 
 
}
<a href="#main">main</a> 
 

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

0

können Sie den folgenden JavaScript verwenden Sie den Wert nach der Raute (#) von einer URL zu erhalten.

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

Sie können dann basierend auf den Ergebnissen ein-/ausblenden.

Verwandte Themen