2017-10-18 1 views
0

kann nicht scheinen, diese Arbeit auf dem ersten KlickJQuery .animate nicht auf den ersten Klick arbeiten

$(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' 
     }); 
    }); 
}); 

Link zur Demo https://codepen.io/MistaNeilo/pen/mBvdrp

+0

Es erweitert aber dann sofort geschlossen. – Barmar

+0

'.toggleClass ('active')' zeigt das Menü an, dann 'animate' macht das rückgängig, indem die Höhe auf 0 gesetzt wird. – Barmar

Antwort

0

Figured es raus :)

$(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'); 
}); 

}); 
}); 
Verwandte Themen