Close & Open Div

by **hiyatran** on Thu Oct 07, 2010 9:48 am

My code works but when I put an image in there my code doesn't work anymore.

<html>
<head>
<style type="text/css">
.planType{display:none; width:600px}

</style>

<script type="text/javascript">

</script>
</head>

<body>

<div id="title_1"><a href="javascript:planTypeOpen('1');">Check this out</a></div>
<div id="info_1" class="planType">
You can't see me...<br>
Or Can you??
</div>

</body>
</html>

any comments would be greatly appreciated.

by **webmaster** on Thu Oct 07, 2010 12:16 pm

This is the code I often use as base for this.

Javascript:

Code: Select all: <script language=javascript type='text/javascript'> function hidediv() { if (document.getElementById) { // DOM3 = IE5, NS6 document.getElementById('hideShow').style.visibility = 'hidden'; } else { if (document.layers) { // Netscape 4 document.hideShow.visibility = 'hidden'; } else { // IE 4 document.all.hideShow.style.visibility = 'hidden'; } } } function showdiv() { if (document.getElementById) { // DOM3 = IE5, NS6 document.getElementById('hideShow').style.visibility = 'visible'; } else { if (document.layers) { // Netscape 4 document.hideShow.visibility = 'visible'; } else { // IE 4 document.all.hideShow.style.visibility = 'visible'; } } } </script>

And for the HTML

Code: Select all: <div id="hideShow" ..etc> My content </div>

by **HotNoob** on Thu Oct 07, 2010 3:29 pm

the style.visibility one leaves white space where the content was, but if you want it to completely disappear, than you need to use the style.display attribute:

Code: Select all: function removeElement(value, id) { if(value == 1) { document.getElementById(id).style.display=""; } else if(value == 0) { document.getElementById(id).style.display="none"; } }

Close & Open Div

Close & Open Div

Re: Close & Open Div

Re: Close & Open Div

Who is online