jsp页面基于jQuery收起展开的动作效果

CSS代码：

<style>.panel{       margin:0px;       padding:5px;       text-align:center;       display:none;       }          .flip{   margin:0px;   padding:5px;   text-align:center;   background:#F2F2F2;   color : #1B92FD;   }</style>

HTML代码：

<div class="panel"><!-- 要隐藏的内容 --></div><p class="flip"><span class="1">展开</span><span class="2" style="display:none;">收起</span></p>

JS代码：

//隐藏非必填项操作        $(".flip").click(function(){        $(".panel").slideToggle("normal");        $(".1").toggle();        $(".2").toggle();        });