如图:点击切换太快,导致动画未完成,所以高度未撑开

341CDF85CF4FB3D5B92534B72D76AB74.jpg

bug代码:

$('.tab_content>div').eq($(this).index()).stop().slideDown().siblings().stop().slideUp();

修改后的代码:

$('.tab_content>div').eq($(this).index()).stop(true,true).slideDown().siblings().stop(true,true).slideUp();

ps:
stop()：表示让运动的元素立即停止动画。
接收两个参数，都是布尔值，默认值都是false
第一个参数：是否清空当前动画队列。
第二个参数：是否立即完成当前动画。
①stop(false，false)等价方式stop()表示立即进入下一个动画，立即停止当前动画。
②stop(false，true)表示立即进入下一个动画，立即停止并完成当前动画。
③stop(true，true)表示清空当前动画队列，立即停止并完成当前动画。
④stop(true，false)等价方式stop(true)表示清空当前动画队列，立即停止当前动画。