DIV bei Klick ausrollen oder einblenden

[highjanni]

hallo leute,
kennt jemand eine möglichkeit eine DIV ausrollen zu lassen.
also....habe mehrere überschriften und wenn man auf jede einzelne draufklickt soll der jeweils dazugehörige text langsam ausrollen.
wißt ihr was ich meine.
habt ihr bestimmt schon mal gesehen.
kenn ihr vielleicht eine möglichkeit, beispiele und eine möglichst gute arbeitsanleitung in deutsch.
das wär göttlich.

vielen dank schon mal.

 

[Herr_D]

AW: DIV bei Klick ausrollen oder einblenden

Javascript oder nicht?


Nicht von mir... hat Splatter mal geschrieben für die Battlepage:

<script language="JavaScript" type="text/javascript">
<!--
function einblenden(div) {
with(document.getElementById(div).style){
if(display=="none"){
display="inline";
}
else{
display="none";
}
}
}
//-->

</script>

<a class="menue2" href="#" onfocus="if (this.blur()) { this.blur(); }" onclick="einblenden('ebene1'); return false;">&nbsp; &nbsp; Überschrift oder so... </a>
<div id="ebene1" style="display: none;">
<div class="inhalt">

... Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
</div>

<a class="menue2" href="#" onfocus="if (this.blur()) { this.blur(); }" onclick="einblenden('ebene2'); return false;">&nbsp; &nbsp; Überschrift2 oder so...</a>
<div id="ebene2" style="display: none;">
<div class="inhalt">

... Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
</div>


usw.

 

[ydraiggogh]

AW: DIV bei Klick ausrollen oder einblenden

Langsam ausrollen? Hmm... keine Ahnung, aber diese Lösung hier
find ich nicht so schlecht:
(Der dazugehörige Quelltext ist das DIV "info".)

 

[Malzeit]

AW: DIV bei Klick ausrollen oder einblenden

Genau, mit Javascript. Hier ein Beispiel mit jQuery (englisch) http://www.webdesignerwall.com/tutorials/jquery-tutorials-for-designers/
Dort könntest du dir mal das Accordion anschauen.
Gruß!

http://www.webdesignerwall.com/tutorials/jquery-tutorials-for-designers/

 

[sokie]

AW: DIV bei Klick ausrollen oder einblenden

hallo highjanni,
gerade schreibe ich an einem tutorial (jQuery) gerade so einen Fall.
leider braucht es noch eine kleine Weile, aber hier kannst du dir schonmal Funktion und Quelltext ansehen:

 

[Herr_D]

AW: DIV bei Klick ausrollen oder einblenden

Coolomat Sokie

 

[highjanni]

AW: DIV bei Klick ausrollen oder einblenden

hallo highjanni,
gerade schreibe ich an einem tutorial (jQuery) gerade so einen Fall.
leider braucht es noch eine kleine Weile, aber hier kannst du dir schonmal Funktion und Quelltext ansehen:

das ist toll!
genau sowas suche ich!
wie lange brauchst du denn noch?
ich muß bis samstag ne seite fertig bekommen und dafür brauche ich das.

übrigens! schon einmal vielen dank für eure hilfen!

Javascript oder nicht?
Nicht von mir... hat Splatter mal geschrieben für die Battlepage:

danke!
das sagt mir leider nix.
gibts da irgendwo ne demo zum ansehen?

 

[hedoo]

AW: DIV bei Klick ausrollen oder einblenden

Leider auf English, es gibt aber gute Demos:
script.aculo.us - web 2.0 javascript


Hoffe geholfen zu haben

 

[highjanni]

AW: DIV bei Klick ausrollen oder einblenden

hey junx und mädels...........DAAAANKE!!!!
hat mir sehr geholfen.
das ist genau das was ich für meinen kunden brauchte.
hatte erst son bißchen schiss davor und letztlich war das total einfach.....auch das anpassen.
wirklich große klasse.
danke danke danke!