点击竖向展开折叠滑动门菜单

点击竖向展开折叠滑动门菜单
代码片段：
<div id="se">
    <div class="se1"><span onmouseover="this.style.cursor='hand'" onclick="if (w01.style.display=='none'){w01.style.display='';}else{w01.style.display='none';}"><img src=01-on.jpg></span></div>
 <div id="w01" style="display:none; color:#FFFFFF;background-color:#ff6600";>
 <p>懒人建站收集整理，稍做改造将非常强大方便.</p>
 </div>  
    <div class="se2"><span onmouseover="this.style.cursor='hand'" onclick="if (w02.style.display=='none'){w02.style.display='';}else{w02.style.display='none';}"><img src=02-on.jpg></span></div>
 <div id="w02" style="display:none; color:#FFFFFF;background-color:#fea700";>
 <p>懒人建站收集整理，稍做改造将非常强大方便.</p>
 </div> 
 
 <div class="se3"><span onmouseover="this.style.cursor='hand'" onclick="if (w03.style.display=='none'){w03.style.display='';}else{w03.style.display='none';}"><img src=03-on.jpg></span></div>
   <div id="w03" style="display:none; color:#FFFFFF;background-color:#ff0066";>
 <p>懒人建站收集整理，稍做改造将非常强大方便.</p>
   </div>
 <div class="se4"><span onmouseover="this.style.cursor='hand'" onclick="if (w04.style.display=='none'){w04.style.display='';}else{w04.style.display='none';}"><img src=04-on.jpg></span></div>
 <div id="w04" style="display:none; color:#FFFFFF;background-color:#ac3e23";>
 <p>懒人建站收集整理，稍做改造将非常强大方便.</p>
 </div>
</div>