jquery - 滑动和弹跳

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/