JS点击显示隐藏层
发布时间:2015-09-30 15:30 | 人气数:1189
页面元素:
<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,隐藏层