1

我想在 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 和fadeIn #summary。

4

3 回答 3

4

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

$("button").click(function() {
    if(!$("#quotes").is(":visible")) {
        $("#summary").hide();
        $("#quotes").fadeIn("slow");
    } else {
        $("#quotes").hide();
        $("#summary").fadeIn("slow");
    }
});
于 2013-03-04T07:06:45.660 回答
1

您应该像这样更改 if 检查,

 if($("#quotes").is(':hidden')==true){
于 2013-03-04T07:08:13.990 回答
0

考虑以下代码

 $("#quotes").hide();
 $("button").click(function(){
    $("#summary").slideToggle();
    $("#quotes").slideToggle();
 });
于 2013-03-04T07:08:30.553 回答