Неужели никто не знает ? Вот полный пример такого
<html>
<head>
<link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.resizable.js"></script>
<style type="text/css">
#content { width: 300px; height: 100px; background: silver; }
</style>
<script type="text/javascript">
$(document).ready(function(){
$('#show').click(function() {
$('#myForm').toggle();
});
// I need have this div hidden after page load
//$('#myForm').toggle();
$("#content").resizable();
});
</script>
</head>
<body style="font-size:62.5%;">
<a id="show" href="#">Show / Hide</a> <br /> <br /> <br />
<div id="myForm">
<form><textarea id="content">Example text area</textarea></form>
</div>
</body>
</html>
Достаточно убрать комментарий со строки скрытия дива, и получим уже не отображаемое окно формы.