[JavaScript] Aufklappbare div

gummel · 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

Anzeige

Murdoc · 23. Januar 2008

AW: Aufklappbare div

style="display:none;"

omg....

closed

Nützliche Suchen

[JavaScript] Aufklappbare div

Videos zum Themenbereich