Question

大家好我创建了一个小代码来动画一个框（显示，隐藏）和我的代码出错了我无法找到正确的解决方案...如果我创建一个简单的点击功能它可以工作，但我赢了＆＃39;创建两个不同的点击，以便我使用切换功能。

（我使用查询传输缩放到0框）

$(document).ready( function() {
$("#mobile_bar").clickToggle(function() {   
    $("#navigation_box").fadeIn(500);
},
function() {
    $("#navigation_box").transition({ scale: 0, delay: 500 });
}); });

谢谢

Answer 1

您可以使用：

$(document).ready(function () {
    $("#mobile_bar").click(function () {
        var $navBox = $("#navigation_box").clearQueue();
        if (!$(this).data('toggle')) {
            $navBox.fadeIn(500);
        } else {
            $navBox.transition({
                scale: 0,
                delay: 500
            });
        }
        $(this).data('toggle', !$(this).data('toggle'));
    });
});

PS：不确定transition插件是否使用fx队列？！

clickToggle或切换jquery函数

1 个答案: