Question

我正在尝试为我的Jquery侧边栏实现漂亮的动画，我有一个Jquery函数，该功能在显示和隐藏每个侧边栏子节之间切换，如下所示：

/* Open Sidebar child */
function sidebarChild(groupId) {
    if($("#" + groupId).css("display") == "none") {

        $("#" + groupId).slideDown(1000).delay( 1000 ).fadeIn( 400 );


        // $("#" + groupId).fadeIn();
        $("#" + groupId + "-icon").addClass("flip");
    } else {
        $("#" + groupId).fadeOut();
        $("#" + groupId + "-icon").removeClass("flip");
    }
}

和侧边栏部分看起来就像：

    <a class="sidebar-title font2 d-block" href="#" onclick="sidebarChild('account-sidebar-group')">
        ACCOUNT <i id="account-sidebar-group-icon" class="fas fa-chevron-down float-right mr-3"></i>
    </a>
    <div class="sidebar-group" id="account-sidebar-group">
        <a href="#" class="sidebar-child font2">Sub Item</a>
    </div>

但是动画播放的延迟延迟很奇怪：

https://gyazo.com/04181b1ea3e5db05f902b2db47245391

我放慢了动画的速度，仍然找不到原因。在没有这个讨厌的错误的情况下，我找不到任何在线内容来显示如何向下滑动和淡入。

感谢您的帮助。

jQuery SlideDown和FadeIn无法正确设置动画

0 个答案: