Html
    Css
    Js

    
                        
ul {
	width:800px;
	height:150px;
	overflow:hidden;
	list-style:none;
}
ul li {
	width:180px;
	float:left;
	height:150px;
	transition:all .3s linear;
}
ul li img {
	width:100%;
	height:150px;
}
.active {
	width:260px;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

简单的jQuery手风琴效果

更新时间:2020-06-05 09:54:06

用个active类直接改变宽度,加上transition有动画过渡效果

0