<div>
I should test things instead of just typing the code out. &nbsp;block should have quotes around it, like so.<br />
<br />
document.getElementById(di<wbr />v).style.d<wbr />isplay = 'block';
</div>


<div>
Maybe I'm not putting this in the right place. When the page loads, the entire section..including the image is hidden. I need the image and the div's title visible..so I could click on the image.<br />
<br />
I have the image as part of the Legend. Then inside the div, i have a table. Table info should be hidden but the div's outer border with the text/image should be there..<br />

<pre><code class="code-1 nolinks" id="code-259649"><span>&lt;div runat=&quot;server&quot; id=&quot;pnlCustomer&quot;  style=&quot;display:none;&quot;&gt;</span>
<span>    </span>
<span>      &lt;fieldset&gt;</span>
<span>                &lt;legend&gt;</span>
<span>                 &lt;span onclick=&quot;showDiv('pnlCustomer')&quot; style=&quot;font-family:Webdings&quot;&gt;6&lt;/span&gt;  Customer Details </span>
<span>                &lt;/legend&gt;</span>
<span>                &lt;table cellpadding=&quot;2&quot; cellspacing=&quot;0&quot; border=&quot;0&quot; width=&quot;100%&quot; &gt;</span>
</code></pre>
</div>


<div>
yes, I put the display;none in the table and that works.<br />
<br />
One other issue. I click on the image and the table displays. Now, i click on it again and I want to hide it. But nothing happens. I think I need a display ='none'; in that JS?
</div>


<div>
Yes, just modify the javascript a bit.<br />
<br />
<br />

<pre><code class="code-1 nolinks" id="code-259663"><span>function showDiv(div) {</span>
<span>               if (document.getElementById(div).style.display == 'none') {</span>
<span>                   document.getElementById(div).style.display = 'block';</span>
<span>               } else {</span>
<span>                   document.getElementById(div).style.display = 'none';</span>
<span>               }</span>
<span>           }</span>
</code></pre>
</div>


<div>
<div class="content wysiwyg-content">
I have a div (i can have a panel too..either way works). I have an image next to it.<br />
<br />
First time page displays, i want the div to be collapsed. When that image is clicked, i want it expanded.<br />
<br />
I think i need Javascript and maybe display=none; or display=block;<br />
<br />
any examples?
</div>
</div>


I have a div (i can have a panel too..either way works). I have an image next to it.

First time page displays, i want the div to be collapsed. When that image is clicked, i want it expanded.

I think i need Javascript and maybe display=none; or display=block;

any examples?

Anyway to expand/collapse a div or panel?

The successor to Active Server Pages, ASP.NET websites utilize the .NET framework to produce dynamic, data and content-driven web applications and services. ASP.NET code can be written using any .NET supported language. As of 2009, ASP.NET can also apply the Model-View-Controller (MVC) pattern to web applications