手风琴 html 手机,手风琴.html

Document

*{

padding: 0;

margin: 0;

}

/* ul{

list-style: none;

} */

.box{

width: 200px;

height: auto;

margin: 50px auto;

}

.item{

width: 100%;

height: auto;

}

.item > h3{

height: 40px;

line-height: 40px;

background-color: #7dffe7;

color: orange;

border-bottom: 2px solid #ccc;

padding-left:10px;

}

.item > .itemBox{

width: 100%;

height:0px;

overflow: hidden;

transition-property: height;

transition-duration: 1s;

}

.item > .itemBox > ul{

list-style: none;

background-color: #eaffb6;

padding:10px;

}

.item:hover > .itemBox{

height: 110px;

}

县级新闻

• 黄河边惊现500斤大鲤鱼
• 黄河边惊现500斤大鲤鱼
• 黄河边惊现500斤大鲤鱼
• 黄河边惊现500斤大鲤鱼
• 黄河边惊现500斤大鲤鱼

市级新闻

• 黄河边惊现500斤大鲤鱼
• 黄河边惊现500斤大鲤鱼
• 黄河边惊现500斤大鲤鱼
• 黄河边惊现500斤大鲤鱼
• 黄河边惊现500斤大鲤鱼

省级新闻

• 黄河边惊现500斤大鲤鱼
• 黄河边惊现500斤大鲤鱼
• 黄河边惊现500斤大鲤鱼
• 黄河边惊现500斤大鲤鱼
• 黄河边惊现500斤大鲤鱼

国际新闻

• 黄河边惊现500斤大鲤鱼
• 黄河边惊现500斤大鲤鱼
• 黄河边惊现500斤大鲤鱼
• 黄河边惊现500斤大鲤鱼
• 黄河边惊现500斤大鲤鱼

一键复制

编辑

Web IDE

原始数据

按行查看

历史