javascript - .stop().fadeIn(300).siblings().stop().fadeOut(300);含义？

Question

$(".num li").mouseover(function(){
        $(this).addClass("active").siblings().removeClass("active");        
        var index=$(this).index();
//        console.log(index);
        i=index;
        $(".img li").eq(index).stop().fadeIn(300).siblings().stop().fadeOut(300);    
    })

$(".img li").eq(index).stop().fadeIn(300).siblings().stop().fadeOut(300);
这句代码的意思是？太长了，脑子转不过来

Answer 1

当前索引的元素停止动画，并且渐显(300毫秒)，同时兄弟节点停止动画，并且渐退(300毫秒)

Answer 2

$(".img li")
    .eq(index)
    .stop() // 停止前面返回元素的所有动画效果
    .fadeIn(300) // 添加一个新动画，淡入，耗时 300 ms
    .siblings() // 获取所有兄弟节点
    .stop() // 停止前面返回元素的所有动画效果
    .fadeOut(300); // 给所有兄弟节点添加新动画，淡出，耗时 300 ms

有点伸手党的感觉。楼主请自行查阅 API 文档。