Question

求助关于默认收缩点击展开的方法 以下是写好的HTML代码，如何用javascript

求助关于默认收缩点击展开的方法
以下是写好的HTML代码，如何用javascript使其在点击更多时展开Id=out的隐藏内容？
展开的时候最好带走缓冲性。
<div class="mic">
<ul class="back">
<a href="http://"><li>最新</li></a>
<a href="http://"><li>最热</li></a>
<a href="http://"><li>回复</li></a>
<a href="#" id="more"><li>更多</li></a>
</ul>
<ul class="back" id="out">
<a href="http://"><li>幽默</li></a>
<a href="http://"><li>人物</li></a>
</ul>
</div>

Answer 1

//很简单啊

//JS CODE 
//直接控制样式display:none；即可
$('#more').click(function(){
    $('#out').toggleClass('show');//增加show样式
});

至于你所说的缓冲，可以增加样式

/*CSS CODE*/
.back.show{
    display:block !important;
    transition:all .5s ease;//慢慢的展示，兼容性没有写
}
.back{
    display:none;
}

至于其他的样式需要你自己添加了。

Answer 2

jquery写法:
$("#out").fadeToggle(500);
fadeToggle会自动检测当前目标是否淡入淡出