jQuery手风琴菜单的制作

jQyery 手风琴

HTML代码

导航一

导航选项

导航选项

导航选项

导航选项

导航一

导航选项

导航选项

导航选项

导航选项

导航一

导航选项

导航选项

导航选项

导航选项

导航一

导航选项

导航选项

导航选项

导航选项

css代码

*{
margin: 0;
padding: 0;
}
#Accordion{
width: 260px;
background: #00BFFF;
margin: 200px auto;
text-align: center;

}
#Accordion>div>p{
background:#326ea5;
border-bottom:1px #fff solid;
height:50px;
text-align: center;
color: #fff;
line-height: 50px;

}
#Accordion>div>div{
display: none;

border-bottom:1px #fff solid;
height: 40px;
line-height: 40px;
}

jQuery 代码