So I have a class of div's that i want to be shown or hidden depending on a variable i get.

I have this code:

**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
        }
});

However it doesn't work properly, can you help me solve this?

DEMO

So I have a class of div's that i want to be shown or hidden depending on a variable i get.

I have this code:

**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
        }
});

However it doesn't work properly, can you help me solve this?

DEMO

• javascript
• jquery
• html
• hide
• show

5 Answers 5

hide and show are methods, not properties. The syntax for invoking a JavaScript function requires a set of parentheses after the function name.

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

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

Updated JSFiddle

FIDDLE

You should use "show()" and not just "show". Check the jQuery API info 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
        }
});

You are forgetting () . It is a function not a property. Please change it to...

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

...

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

You are simply missing brackets, it is show() and hide().

Use CSS to hide div

div.radio {
    display:none;
}

IN JS Show div on load

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