Listing 4.14: animate() two properties at once.

Chapter 4/04.js

@@ -22,7 +22,10 @@ $(document).ready(function () {
   $firstPara.hide();
   $('a.more').click(function (event) {
     event.preventDefault();
-    $firstPara.animate({height: 'toggle'}, 'slow');
+    $firstPara.animate({
+      opacity: 'toggle',
+      height: 'toggle'
+    }, 'slow');
     var $link = $(this);
     if ($link.text() == 'read more') {
       $link.text('read less');