nicht angemeldet
Ja, also hallo erst mal.
Ich würde gerne etwas wie auf http://orf.at kreieren...
Klickt man da auf einen Link, so wird der dazugehörige Artikel direkt in die Seite geladen und klappt als Toggle-Menü auf.
Das habe ich versucht zu rekonstruieren, wenn auch wenig erfolgreich:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Toggle Toggle</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("#toggle").click(function(){
$("#switch").load("test.txt");
$("#switch").toggleClass("sichtbar");
});
});
</script>
<style>
.unsichtbar
{
display: none;
}
.sichtbar
{
display: block;
}
</style>
</head>
<body>
<p><a href="" id="toggle">(Nicht) Anzeigen</a></p>
<p id="switch" class="unsichtbar">Ich bin da ich bin weg</p>
<p>Ich bin immer da</p>
</body>
</html>
Das Resultat ist ein Link, dessen "Inhalt" nur kurz aufblitzt um gleich wieder zu verschwinden; das Laden von externem Content ("test.txt")
funktioniert hingegen überhaupt nicht.
Bitte keine Verweise auf völlig andere Lösungen, da ich ja gerne nachvollziehen würde, was genau ich hier falsch mache.
Darüber hinaus wäre es natürlich erstrebenswert, wenn sich ein angezeigter Artikel mit dem Öffnen eines weiteren Artikels wieder schließt, wie es auf orf.at der Fall ist. Wie ließe sich dies bewerkstelligen?
Vielen Dank,
D.D.
JürgenB
Gunnar Bittersmann
Matthias Apsel