슬라이드

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/이

... 내가 잘못 여기서 뭐하는 거지 확실하지, 그것은 작동하지 않습니다. 바운스 (bounce) 효과와 함께 아래로 내려야하고 트리거 텍스트도 변경해야합니다. 여기에 구문 오류가있을

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/