function showhidediv(id){ try{ var sbtitle=document.getElementById(id); if(sbtitle){ if(sbtitle.style.display=='block'){ sbtitle.style.display='none'; }else{ sbtitle.style.display='block'; } } }catch(e){} }
<div οnclick='showhidediv("toggle");'>最新日志</div>
<div id="toggle" style="display:none;">
最新日志内容
</div>
效果就是点击“标题”,下面需要隐藏的部分就会在隐藏和显示间切换。DISPLAY: none;为默认隐藏;如果想默认显示就改为DISPLAY: block;;修改后要对应改js里的block和none,把它们互换。
效果演示:http://yyld.net/z7z8/ss.html