Ich möchte sowas ähnliches haben wie hier auf der Hauptseite, wenn man eine News anklickt das der Text ausgefahren wird. Diesen Code hab ich schon und ist auch nicht das richtige, denn dort kann die News dann nicht mehr eingefahren werden, sodass keine News ausgefahren ist.
Man muss einen Link anklicken, damit sich der daruntere Text ausfährt. Und wenn man wieder den Link anklickt fährt sich der Text wieder ein. Auf jquery.com hab ich so ein beispiel gefunden, mit Event Degelation (richtig?), nur ich kenn mich sogut wie gar nicht mit JS aus um das anzupassen. Gibt es also einen kompletten Code der das umsetzt?
Wär nett wenn ihr antwortet
Danke, aber das ist nicht das was ich brauch. Wenn hier einmal was ausgefahren ist kann mans nicht mehr einfahren. Ich brauch was womit man es wieder einfahren kann.
-----------------------
Link (normal)
----------------------
Link (geklickt)
--Link1
--Link2
--Link3
-----------------------
Link (wenn
wieder drauf geklickt wurde, Text wird wieder eingefahren)
-----------------------
Wozu soll man den Text wieder einfahren können? Wenn ein anderer Text geöffnet wird, wird der vorige doch automatisch ausgeblendet.
Naja, ich hab vor in einer kleinen navigation am linken Rand, so was wie "Seite empfehlen" (bei klick wird das formular ausgefahren) und noch ein paar andere Sachen. Und so ein Formular möcht ich dann auch wieder einfahren lassen. Sört hald nur die Optik, finde ich.
Also ich hab ein Skript gefunden. (
http://solutoire.com/2007/01/16/.....
Aber trotzdem Danke für deine Hilfe
Also, deine Variante will ich auch noch hernehmen Michael,
diese hier
Aber da hab ich ein Problem, wenn ich beispiels weise auf die seite /klasse.php gehe, sind dort zwei weitere Navigations Links. Diese sind in ihrem eigenem <div>, nur der Text der ausgeklappt werden soll, befindet sich in einem anderem <div> wie stelle ich dies also an?
Code:
<script type="text/javascript" src="mootools.v1.11.js"></script>
<script type="text/javascript">
var accordion;
var accordionTogglers;
var accordionContents;
window.onload = function() {
accordionTogglers = document.getElementsByClassName('accToggler');
accordionContents = document.getElementsByClassName('accContent');
accordion = new Fx.Accordion(accordionTogglers, accordionContents);
}
</script>
Code:
.accToggler{
margin: 3px auto;
padding: 3px;
color: #f4f4f4;
cursor: pointer;
}
.accContent{
margin: 0px auto;
width: 400px;
}
Du musst die div-Tags etc. so setzen, dass es passt.
Wenn du die divs meinst für die Menüs, das ist schlicht weg unmöglich
zwischen menü und content liegen mehrere Zeilen Code.
Ich hab noch ein Problem, und zwar obwohl alles richtig eingebaut ist (ich spreche jetzt von einer anderen Datei, nicht klasse.php), wird alles angezeigt, überschrift + Inhalt, bei allen drei ausklapp Links. Obwohl eigentlich nur eins Ausgeklappt sein sollte. Ich hab schon nachgeschaut allerdings erkenne ich keinen Fehler im code. Woran kann das liegen?