jquery实现王者荣耀手风琴(折叠卡片)效果

先看看效果：

该效果为王者荣耀官网上面的效果，下面我们将实现这个效果。

分析：
静态页面实际上是ul标签下面包含了7个小li标签，然后每一个小li标签下面有两张图片，一个为表面的小图片和被隐藏之后的大图片，然后小图片是以绝对定位显示在小li中，而小li标签是以相对定位排列在ul标签当中；当鼠标进入小li标签时，要让li标签大小变为大图片的大小，同时小图片淡出，大图片淡入，还要注意的是：要运用排它思想(jquery中siblings()得到兄弟li标签，然后设置兄弟li标签的大图片淡出，小图片淡入)，还原其他小li标签的状态。

完整代码：

    
    
    


    
    

        
周免英雄