$("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/
...ここで何が間違っているのかわかりませんが、うまくいきません。バウンス効果で下にスライドし、トリガー テキストも変更する必要があります。