Question

哪位大侠写一个<a href>展开收缩div的CSS，（带收缩展开速度的）。。

3Q
就是js 打错了 帮忙写一个例子 要有展开收缩速度的

Answer 1

页面部分：
<div id="ul_painters_toggle"><h4>一级菜单</h4></div>
<ul id="ul_painters">
<li><a href="#jj1">子菜单</a></li>
<li><a href="#jj1">子菜单</a></li>
<li><a href="#jj1">子菜单</a></li>
<li><a href="#jj1">子菜单</a></li>
<li><a href="#jj1">子菜单</a></li>
<li><a href="#jj1">子菜单</a></li>
</ul>

css部分：

#ul_painters_toggle{
margin: 10px 15px 0px 30px;

}
样式可以自己随便写

a.js文件内容：

$(document).ready(function(){
$("#ul_painters").hide();
$("#ul_painters_toggle").click(function(){$("#ul_painters").slideToggle();});

Answer 2

您好，

<script language="JavaScript" type="text/JavaScript">

function newsShowHide(_obj)
{
var newsTD=document.getElementsByTagName("td");
var obj=document.getElementById(_obj);
if(obj.style.display=="none"){
for(i=0;i<newsTD.length;i++){
if(newsTD[i].id.indexOf("news")!=-1){
newsTD[i].style.display="none";
}
}
obj.style.display="";
}
else if(obj.style.display!="none"){
obj.style.display="none";
}
}

</script>

<a href="javascript:newsShowHide('news0');" class="bluelink " onClick="moreclass_show.style.display='none'">展开</a>

<a href="javascript:newsShowHide('news0');" class="bluelink" onClick="moreclass_show.style.display='';" >收起</a>

主要代码，，祝您好运啊！

Answer 3

纯CSS写不出来，得用JS

Answer 4

简洁风琴标签导航代码_懒人图库

自己去下载源码，非常好用，就搜我给你的标题即可
http://www.lanrentuku.com/js/daohang-551.html