jQuery toggle content with fixed initial height

HTML

<div class="description">
    <p>I love icing faworki macaroon I love brownie. Jelly-o gingerbread donut oat cake cupcake. Pie cotton candy gingerbread candy tart. Fruitcake wypas dessert applicake jelly beans jelly beans.</p>
    <p>I love gummi bears caramels sesame snaps chocolate cake apple pie cookie brownie cheesecake. Pie tootsie roll I love. Caramels carrot cake pudding chocolate jelly-o carrot cake fruitcake wypas. Sweet roll carrot cake candy canes marshmallow lollipop pudding chupa chups. Dragée cotton candy gummi bears biscuit.</p>
</div>

<a href="#" class="toggle-link">+</a>

CSS

body                {font:14px/1.4 sans-serif; color:#333; padding:20px;}

.toggle-link        {font-size:20px; text-decoration:none; color:#F60; font-weight:bold;}
.toggle-link:hover  {color:#333;}
.description {height:50px;overflow:hidden;}

JavaScript

$(document).ready(function() {
    
  

    $('.toggle-link').toggle(function() {
         $('.description').animate({ height: 200 }, 600);
          $switch.html("-");
          
        }, function() {
            $('.description').animate({ height: 50}, 600);
            $switch.html("+");
        });
});