Javascript 如何使用Jquery编写这个if条件？

这是我的功能：

$(document).ready(function() {

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


}); 

}); 

它工作得很好，但我想添加一个选项，通过再次单击来删除该框，我想我可以使用if语句来完成，但我对Jquery中的语法不是100%了解。我想要一些大致如下的东西：

if(#wars is visible) {

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

我将如何为此编写if语句

解决方案：

$(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

我必须更改可见性并将其设置为不透明度，然后使用if语句使其像一个符咒一样工作

您可以使用和选择器：

if($('#knd').is(':visible')) {
    $("#wars").animate({
        opacity:'0'
    }); 
}

您可以使用

.is（':visible'）

，但可以使用

fadeToggle（）

或

slideToggle（）

---

*Toggle（）

功能会自动执行您想要执行的操作，并产生效果

您还可以检查以下情况：

if($('#knd').css('visibility') === 'visible') {
    $("#wars").animate({
        opacity:'0'
    }); 
}

建议的解决办法：

if($('#wars').css('opacity') === '0') {
    $("#wars").animate({
        opacity:'1'
    }); 
}

---

由于某些原因，切换根本不起作用。您必须使用

$（'#wars'）。fadeToggle（）这是可行的，但当它可见时，它会变回不可见。。