滑動和彈跳

Question

$("a.details") 
    .click(function() { 
    var $this = $(this); 

    $this.parents(".subscription") 
     .find('.plan-details') 
     .stop(true, true) 
     .animate({ 
     height: ['toggle', 'easeOutBounce'] 
    }, 'slow', 

    function() { 
     $this.text(function (i, text) { 
      return text == 'View Details' ? 'Hide Details' : 'View Details';); 
     }) , 

     function (e) { 
      $this.parents(".subscription") 
       .find('.plan-details') 
       .stop(true, true) 
       .animate({ 
       height: 'toggle' 
      }); 

     }); 

小提琴：http://jsfiddle.net/6fCrd/

...不知道我在做什麼錯在這裏，這是行不通的。它應該隨着反彈效果而下滑並且還要改變觸發文本。

Answer 1

有一個語法錯誤的位置：

return text == 'View Details' ? 'Hide Details' : 'View Details';); 
// ... and here 
$this.text(function (i, text) { 
     return text == 'View Details' ? 'Hide Details' : 'View Details'; 
}, function (e) { 

編輯

必須包括動畫效果jQuery UI的

試試我的演示：http://jsfiddle.net/6fCrd/7/