滑动和反弹

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/