代码之家 › 专栏 › 技术社区 › Jeepstone

Jquery toggle只触发一次

toggle jquery

Jeepstone · 技术社区 · 14 年前

我有以下代码,用于在页面上滑入/滑出div(购物篮)。但是,代码只会触发一次(打开一次,关闭一次)。切换是否需要以某种方式重置?

$(document).ready(function(){

    var miniBasketHeight = -$('#minibasket div.outer').height();

    $('#minibasket a.opener').toggle(
        function(e) {
            console.log("open");
            e.preventDefault();
            $(this).parent().find('div.outer').animate({top: 0, opacity: 1 }, 700 );
        },
        function(e) {
            console.log(miniBasketHeight);
            e.preventDefault();
            $(this).parent().find('div.outer').animate({top: miniBasketHeight, opacity: 0 }, 700 );
        }
    );
});

1 回复 | 直到 14 年前

Jeepstone 14 年前

现在已经使用slideToggle()解决了这个问题

$(document).ready(function(){
    $('#minibasket a.opener').click(function(e) {
        e.preventDefault();
        $('div.outer').slideToggle('slow', function() {
            //Animation complete
        });
    });
});