$(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')
以向后滑动起来并隐藏。