Objekt auf Knopfdruck ausfahren

Finn Gaida

Hallo Forum,

ich plane den Umbau meiner Website und bin dabei auf ein Problem gestoßen:

In meinem bisherigen Theme hatte ich immer einen Slider am Anfang der Website (siehe hier).

Diesen möchte ich nun standardweise einblenden, auf Knopfdruck aber auch wieder verschwinden lassen können, wie bei Macerkopf.

Gibt es da irgendeine Möglichkeit, das auf CSS oder HTML5 basiern zu lassen oder muss das zwingend mit javascript laufen?

Danke schonmal
Finn

7even

Du könntest dir dieses Accordion-Script umbasteln. Arbeitet rein mit CSS3 und HTML (Demo).

// Edit:

Hab noch ein kleines Script auf meiner Platte gefunden, allerdings ohne Slide-Effekt

Javascript:

Code

function toggledisplay (id){
if (document.getElementById) {
   var mydiv = document.getElementById(id);
   mydiv.style.display = (mydiv.style.display=='block'?'none':'block'); }
}

CSS:

Code

#hiddendiv { display: none; }

HTML:

HTML

<div id="hiddendiv">Versteckter Text</div>
<a href="#" onClick="javascript:toggledisplay('hiddendiv'); return false">Versteckten Text anzeigen...</a>

Finn Gaida

Das ist genau das, was ich gesucht habe. Danke schön!

Tags