Toggle set to "up" on page load
Ok so I have a div that is supposed to be only partially opened when the page loads, and then opens 100% when it's clicked on. I found a great plugin that creates the effect that I wanted, but now my problem is when the page loads the div is all the way open and only closes when it's clicked. Kind of the reverse of what I wanted. Anyone know how I can have it toggled up when the page loads?
Here's the page:
http://www.jnsitedesign.com/slide/index.html
Here's the javascript:
<!-- <script src="jquery.easing.compatibility.js" type="text/javascript"></script> -->
<script type="text/javascript">
$(document).ready(function() {
jQuery.easing.def = 'easeOutBack';
$('#content').css({overflow:"hidden"}).toggle(function() { $(this).animate({height:280}, 1500);},function() { $(this).animate({height:"950"}, 1000);})
});
</script>