2017-10-18 70 views
0

广东话工作似乎得到这个工作的第一次点击jQuery的.animate不是第一次点击

$(document).ready(function() { 
    var expand = $('.expand-icon'); 

    $(expand).on('click', function() { 
    $(this).children('i').toggleClass('fa-plus fa-minus'); 
    $(this).closest("li").find(".submenu").eq(0).toggleClass('active') 
     .animate({ 
     height: 'toggle' 
     }); 
    }); 
}); 

链接到演示https://codepen.io/MistaNeilo/pen/mBvdrp

+0

它扩大,但然后立即关闭。 – Barmar

+0

'.toggleClass('active')'显示菜单,然后'animate'通过将其高度设置为0来解除它。 – Barmar

回答

0

想通了:)

$(document).ready(function(){ 
var expand = $('.expand-icon'); 

$(expand).on('click', function() { 
    $(this).children('i').toggleClass('fa-plus fa-minus'); 
    $(this).closest("li").find(".submenu").eq(0).slideToggle('300', 
    function() 
    { 
    $(this).toggleClass('active'); 
}); 

}); 
}); 
相关问题