کوچک شدن و بزرگ شدن

[DR.HTML]

سلام

من میخوام این دایو forms وقتی روش کلیک میشه کوچیک بشه وقتی دوباره روش کلیک میشه به اندازه اصلی برگرده
میدونم از طریق toggle میشه اما راهشو نمیدونم کدیم که نوشتم مشکل داره و میدونم نمیشه یک عملو دوبار با دو دستور متفاوت انجام داد

میشه راه درست اینکارو نشون من بدید ؟
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(function() {
$('#keys').click(function() {

$('#formss').css('width' , '0px');
});
$('#keys').click(function() {

$('#formss').css('width' , '310px');
});
});
</script>

[mrgraphy]

سلام دوست عزیز.
با toggle این طوری میشه.


<script type="text/javascript">
$(document).ready(function(){
$('#key').toggle(function(){
$('#formss').css({'width': '100px'});
},function(){
$('#formss').css({'width': '200px'});
});

});
</script>