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 が非表示になり、#quotes がフェードインするようになります。それ以外の場合 (#quotes が表示されている場合)、#quotes を非表示にし、#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($("#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 に答える