Jquery .animate无法在第一次点击时工作

Question

似乎无法在第一次点击时使用

$(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

Answer 1

弄明白：）

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

 });
 });