Question

I have the following code:

<a class="button" href="javascript:ShowHide('elaborate_1')" style="font-size:24px; padding:0 10px; margin-left:10px;">COLLAPSE</a>

        <div id="elaborate_1" class="expandable-box" style="display:none;">

                <div class="description"><?php //USE THIS CLASS 'description' ON A 'div' TAG FOR A GRAY BOX TO DISPLAY CONTENT ?>
                <p class="nomargin nopadding">HELLO</p>
                </div><!-- .descpription -->

        </div>

The web page currently hides this message “hello” until I click “COLLAPSE” however I want the content to be shown automatically until I click “collapse.

How can I do this?

Answer 1

Change the display:none to display:block on your elaborate_1 div.