how to change default effect of jquery toggle..?
<p>I am just trying to learn jQuery and I found one problem. I have a toggle effect by which I can hide and show my div. The code is below:</p>

<pre><code>&lt;script type="text/javascript"&gt;
    $(document).ready(function(){
        $("#butShowHideSlow").click(function () {
            $("#divShowHideSlow").toggle("slow");
        });
    });
&lt;/script&gt;

&lt;button id="butShowHideSlow"&gt;Click Me&lt;/button&gt;
&lt;div style="width: 300px; height: 47px; border: solid 1px black; background-color: white; text-align: center;" id="divShowHideSlow"&gt;Div that hide and show slowly&lt;/div&gt;
</code></pre>

<p>Initially my <code>div</code> is there but I want to hide my div initially. I think it's easy but I am new to jQuery so can anyone tell me how can I do this?</p>

<p>Thanks for your support.</p>
