[JavaScript] Aufklappbare div

Dieses Thema im Forum "Webentwicklung" wurde erstellt von gummel, 23. Januar 2008 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 23. Januar 2008
    Aufklappbare div

    Hallo, bei dem Beispiel was ich habe ist der container bereits geöffnet und man kann ihn schließen, bei mir solls aber genau andersherum sein. das heißt als den geschlossenen container möchte ich öffnen.

    Hier der Link von wo ich das script geklaut habe
    http://www.dustindiaz.com/basement/block-toggle.html

    und hier das script nochmal im ganzen

    HTML:
    <style type="text/css">
    <!--
    body {
    text-align:center;
    margin:30px;
    }
    #wrapper {
    text-align:left;
    margin:0 auto;
    width:500px;
    min-height:100px;
    border:1px solid #ccc;
    padding:30px;
    }
    a {
    color:blue;
    cursor:pointer;
    }
    #myvar {
    border:1px solid #ccc;
    background:#f2f2f2;
    padding:20px;
    }
    -->
    </style>
    <script type="text/javascript">
    <!--
    function switchMenu(obj) {
     var el = document.getElementById(obj);
     if ( el.style.display != "none" ) {
     el.style.display = 'none';
     }
     else {
     el.style.display = '';
     }
    }
    //-->
    </script>
    </head>
    
    <body>
    <div id="wrapper">
    <p><a href="http://www.dustindiaz.com/dhtml-expand-and-collapse-div-menu/" title="DHTML expand and collapse Menu">Return to "DHTML expand and collapse div menu" article"</a></p>
     <p><a onclick="switchMenu('myvar');" title="Switch the Menu">Switch it now</a></p>
    
     <div id="myvar">
     <p>This is paragraph text that is all up in this place that does some pretty cool stuff</p>
     <p>This is paragraph text that is all up in this place that does some pretty cool stuff</p>
     <p>This is paragraph text that is all up in this place that does some pretty cool stuff</p>
     <p>This is paragraph text that is all up in this place that does some pretty cool stuff</p>
     </div>
    </div>
    
    </body>
    danke schonmal für eure hilfe
     
  2. 23. Januar 2008
    AW: Aufklappbare div

    style="display:none;"

    omg....

    closed
     
  3. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.