Objekt auf Knopfdruck ausfahren

  • 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

  • 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>

    mfg 7even

    2 Mal editiert, zuletzt von 7even (17. Mai 2012 um 12:46)