HTML -Details taget Tag nur spezifische Inhalte, auf die geklickt wird ⇐ HTML

[Anonymous]

Ich verwende das wundervolle Details < /code> wie folgt, der den Inhalt erweitert, wenn ein Link geklickt wird: < /p>


summary::marker {
content: " ";
}

summary {
color: blue;
text-decoration: underline;
cursor: pointer;

}< /code>

Code: Select all

Show Details
HTML Details
Explanation of the topic
< /code>
< /div>
< /div>
< /p>
Dieses Tag ermöglicht die Aufnahme aller Arten von HTML -Tags, einschließlich Bildern, einschließlich der Bilder, die in die erweiterten Details aufgenommen werden sollen. src = "https://i.Sstatic.net/othqwgda.png"/> 
und wenn der Link "Details anzeigen" klickt, wird das HTML für dieses bestimmte Thema erweitert:

Beachten Sie, dass in der erweiterten Form der Begriff "Pythagoras -Theorem" fett ist, da ich das B 

-Tag verwendet habe.
Es funktioniert gut. /> Das heißt, ich werde rund 900 Bilder auf dieser Webseite geladen haben, sobald jemand sie besucht. Nicht gut, da es langsam lädt, und der Besucher kann nur auf die Erweiterung von 1-2 Themen klicken. Das Laden aller 900 Bilder ist also nicht erforderlich. Ajax, damit die Erweiterung dieses bestimmte Bild zeigen und das andere Bild schließen sollte. (

Code: Select all

details

Tag ermöglicht es, nur 1 angeklicktes Element anzuzeigen, und schließt automatisch die früheren Klicks ein).