jquery - jQuery属性检查

我想在jQuery中添加if ... else语句，但是我不确定如何针对我想要的内容进行设置。

这是我所拥有的：

$(document).ready(function(){
  $("#quotes").hide();
  $("button").click(function(){
    if($("#quotes").hide()==true){
      $("#summary").hide();
      $("#quotes").fadeIn("slow");
    } else {
      $("#quotes").hide();
      $("#summary").fadeIn("slow");
    }
  });
});

我想要这样，如果隐藏了#quotes，然后单击按钮，则隐藏#summary和fadeIn #quotes。否则，（如果显示#quotes）隐藏#quotes并淡入#summary。

最佳答案

您可以将:visible选择器传递给is()方法：

$("button").click(function() {
    if(!$("#quotes").is(":visible")) {
        $("#summary").hide();
        $("#quotes").fadeIn("slow");
    } else {
        $("#quotes").hide();
        $("#summary").fadeIn("slow");
    }
});

关于jquery - jQuery属性检查，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15196236/