Here is my function atm:

```
$(document).ready(function() {

$("#knd").click(function() {
    $("#wars").animate({
        opacity:'1'
    }); 

}); 

}); 

```

It works great but I want to add the option to remove the box with another click, figured I'd do it with an if statement but I'm not 100% on the syntax in Jquery. I want something along the lines of:

```
if(#wars is visible) {

$("#wars").animate({
         opacity:'0'
    }); 

```

How would I write the if statement for this?

SOLUTION: 

```
$(document).ready(function() {

$("#knd").click(function() {
if($("#wars").css('opacity') === '0') {         
    $("#wars").animate({
    opacity:'1'
    }); //end of animate
}

else {
$("#wars").animate({
    opacity:'0'
});  //end of animate
}

}); //end of KND click function
}); //end of doc ready function

```

I had to change the visibility and set it to opacity instead, then it worked like a charm with the if statement.