Can we hide all the data before page load using Accordion page type?
<p>In given below link when we refresh our page it briefly shows the expanded version before it collapses on its own. Is there a way to have it immediately be collapsed?</p>

<p><a href="http://new.cgwealth.com/staff" rel="nofollow">http://new.cgwealth.com/staff</a></p>

<p>Below are JS Code links:
    <a href="http://new.cgwealth.com/pages/js/jquery-1.7.2.min.js" rel="nofollow">http://new.cgwealth.com/pages/js/jquery-1.7.2.min.js</a>
    <br />
    <a href="http://new.cgwealth.com/pages/js/accordion-jquery-ui.min.js" rel="nofollow">http://new.cgwealth.com/pages/js/accordion-jquery-ui.min.js</a></p>

<pre><code>    &lt;script type="text/Javascript"&gt;
        $(document).ready(function () {
            $(".accordion").accordion({
                autoHeight: false,
                navigation: false,
                collapsible: true,
                clearStyle: true
            });
        });
     &lt;/script&gt;
</code></pre>

<p>CSS link: <a href="http://new.cgwealth.com/pages/pages/css/accordion.css" rel="nofollow">http://new.cgwealth.com/pages/pages/css/accordion.css</a></p>

<p>So i want to hide all the data until my accordion functionality works.</p>

<p>Thanks in advance</p>
