通过jQuery同时滑动两个div

Question

我发现很难让你理解我的问题。但我正在尝试。

实际上我想在右侧和右侧滑动div我想滑动另一个div，它只会在右侧第一张div张幻灯片后显示。

这就是我真正想做的事。

我自己尝试了一些东西。但我认为执行任务不是标准规则。

HTML：

<div id="createClassSection">
    <form action="{{ route('classes.store') }}" method="POST" id="classCreateForm">
        ........
    </form>
</div>

<div id="classAddProcesssing" style="display: none">
    <h4><span><i class="fa fa-spinner fa-pulse"></i><span class="sr-only">Loading...</span>&nbsp;&nbsp;</span>Please Wait...</h4>
</div>

<div id="classAdded" style="display: none">
    <div class="alert alert-success">Class Successfully added!</div>
</div>

JS：

submitHandler: function(form){
    $.ajax({
        url: form.action,
        type: form.method,
        data: $(form).serialize(),

        success: function(response){
            $('#createClassBtn').hide();
            $('#createClassSection').hide('slide', {direction: 'right'}, 300);
            $('#classAddProcesssing').delay(300).fadeIn(100);
            // $('#classAddProcesssing').delay(3000).hide('slide', {direction: 'right'}, 100);
            $('#classAddProcesssing').delay(3000).fadeOut(100);
            $('#classAdded').delay(4000).fadeIn('slow');
        }
    });
}