JS点击显示隐藏层
发布时间:2015-09-30 15:30 | 人气数:1417
页面元素:
<a onclick="return click_xy('weixitab')" >微信公众号</a>
<div id="weixitab">隐藏层内容</div>
JS代码:
<script type="text/javascript">
function click_xy(divs)
{
if(document.getElementById(divs).style.display != "block"){
document.getElementById(divs).style.display = "block";
}
else{
document.getElementById(divs).style.display = "none";
}
}
</script>
JQUERY形式的代码:
<a class="weixia">微信公众号</a> <div class="weixidiv" style="display:none">隐藏层内容</div>JQ点击显示隐藏代码部分:
$(document).ready(function() {
$('.weixia').click(function(){
if($('.weixidiv').css("display")=="none"){
$('.weixidiv').show();
$('.weixidiv').css("background-color","#BFBFBF");
}else{
$('.weixidiv').hide();
}
});
});
关键词:JavaScript, jquery,隐藏层



