<script type="text/javascript">
function showdiv(){
document.getElementById("hpn").style.display="block";
document.getElementById("strHref").innerHTML="收起-";
document.getElementById("strHref").href="javascript:hidediv()";
}
function hidediv(){
document.getElementById("hpn").style.display="none";
document.getElementById("strHref").innerHTML="更多选项+";
document.getElementById("strHref").href="javascript:showdiv()";
}
</script>
</head>
<body>
<div id="pn">
<p>手机商品筛选</p>
<p>网络：移动 联通 电信</p>
<div id="hpn" style="display:none">
<p>价格：5000以上 4000-4999 3000-3999</p>
<p>特点：JDPhone计划‘0’元购机 放水</p>
</div>
</div>
<p class="slide">
<a href="javascript:showdiv();" id="strHref" class="btn-slide">更多选项+</a>
</p>
</body>
</html>
div滑动显示
<script type="text/javascript">
$(document).ready(function(){
$(".menuTitle").toggle(function(){
$(this).next(".paddingTop").animate({height: 'toggle', opacity: 'toggle'}, "slow");
},function(){
$(this).next(".paddingTop").animate({height: 'toggle', opacity: 'toggle'});
});
});
</script>
其中div的内容，其中默认设置隐藏display:none;
<div class="menuTitle" id="twoid">
岗位
</div>
<div class="borderTop marginTop paddingTop ">
招聘部门：市场部
<div>
<p>
<strong>岗位职责： <br> </strong>1、收集市场信息。通过网上与其他媒体渠道，收集行业信息
</p>
</div>
</div>
6077
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
