DIV点击折叠实例代码
|
.menu .item ul li.active span.icon{ display: inline-block; height:10px; width:15px; position:absolute; rightright:10px; top:3px; background: url(images/down.png) no-repeat; background-size:15px auto;} .menu .item.active ul{ display: block;} .menu .item.active ul li.active p{ display: block;} </style> </head> <body> <div class="menu"> <div class="item"> <h1>标题一<i></i></h1> <ul> <li>1<span class="icon"></span> <p>锋科技了束带结发历史的会计法落实到飞</p> </li> <li>2<span class="icon"></span> <p>锋科技了束带结发历史的会计法落实到飞</p> </li> <li>3<span class="icon"></span> <p>锋科技了束带结发历史的会计法落实到飞</p> </li> </ul> </div> <div class="item"> <h1>标题二<i></i></h1> <ul> <li>1<span class="icon"></span> <p>锋科技了束带结发历史的会计法落实到飞</p> </li> （编辑：焦作站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |