显示/隐藏div onload

Question

所以我有一类div，我希望根据我得到的变量显示或隐藏。

我有这段代码：

**HTML**

<div class="div_estado" >

    testing that
</div>

<div class="div_estado" >

    testing this
</div>

**JS**

$(document).ready(function(){
var estado= 4; //instead of 4 i have "<?php echo $_GET['estado']; ?>" but let's supose its' value is 4
        if (parseInt(estado)==5) 
        {                       
            $('.div_estado').show; // not working
        }
        else {
            $('.div_estado').hide; // not working
        }
});

但是它无法正常工作，你能帮我解决一下吗？

DEMO

Answer 1

hide和show是方法，而不是属性。调用JavaScript函数的语法需要在函数名后面加上括号。

$('.div_estado').show();

$('.div_estado').hide();

Updated JSFiddle

Answer 2

FIDDLE

你应该使用“show（）”而不仅仅是“show”。检查jQuery API信息here。

$(document).ready(function(){
var estado= 4; //instead of 4 i have "<?php echo $_GET['estado']; ?>" but let's supose its' value is 4
        if (parseInt(estado)==5) 
        {                       
            $('.div_estado').show(); // not working
        }
        else {
            $('.div_estado').hide(); // not working
        }
});

Answer 3

你忘了()。它不是属性的功能。请将其更改为...

$('.div_estado').show();

...

$('.div_estado').hide();

Answer 4

您只是缺少括号，它是show()和hide()。

Answer 5

使用CSS 隐藏div

div.radio {
    display:none;
}

IN JS 在加载时显示div

$(document).ready(function () {
    $('div_estado').show();
});