如何切换回原始状态

时间:2016-11-08 01:42:14

标签: javascript jquery

我的脚本片段:

$(document).on('click', function(e) {

    if ($(e.target).closest('.input-actions.Actions').length) {
        var CurrentWidth = $(e.target).width() + 'px',
            OpenWidth = '308px';
        if ($(e.target).is('.dropdown-toggle')) {
            $(e.target).animate({
                width:OpenWidth
            }, {
                direction: 'right',
                duration: 500,
            });
            setTimeout(function() {
                $(e.target).parent().find('.dropdown-menu').slideDown({
                    height: '249px',
                }, {
                    duration: 500,
                });
            }, 800);
        }
    }

});

脚本说明:

点击链接后,按钮会更改以匹配通过动画下拉,然后延迟下拉滑动。

我想要实现的目标:

我想以最简单的方式添加切换功能,以便再次点击时反向动画将$(e.target)动画回CurrentWidth$(e.target).parent().find('.dropdown-menu')以向后滑动起来并隐藏。

0 个答案:

没有答案