Trigger a jQuery function on load
<p>I have this code to make a div a slid open and close, the problem is I want it to default to open.</p>

<pre><code>$(document).ready(function(){
    $('.slider').each(function () {
                var current = $(this);
                current.attr("box_h", current.height());});     
    $(".slider").css("height", sliderHeight);
    $(".slider_menu").html('&lt;a href="javascript:void(0)"&gt;More &lt;img src="images/more_down.gif" border="0"&gt;&lt;/a&gt;');
    $(".slider_menu a").click(function() { openSlider() });         
});
function openSlider()
{
    var open_height = $(".slider").attr("box_h") + "px";
    $(".slider").animate({"height": open_height}, {duration: "slow" });

    $(".slider_menu").html('&lt;a href="javascript:void(0)"&gt;Close &lt;img src="images/more_up.gif" border="0"&gt;&lt;/a&gt;');
    $(".slider_menu a").click(function() { closeSlider() })
};
function closeSlider()
{
    $(".slider").animate({"height": sliderHeight}, {duration: "slow" });

    $(".slider_menu").html('&lt;a href="javascript:void(0)"&gt;More &lt;img src="images/more_down.gif" border="0"&gt;&lt;/a&gt;');
    $(".slider_menu a").click(function() { openSlider() })
};
});
</code></pre>

<p>how can i trigger it to open once the page is loaded?</p>
