JS点击显示隐藏层

发布时间:2015-09-30 15:30 | 人气数:310

页面元素:

<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,隐藏层