if文がjQuery '：visible'を使用してブール値を返さない

Question

私はここでフィーバーを作成しましたhttps://jsfiddle.net/c2gjh43j/3/。私は、ターゲットの「脇」兄弟が表示されていないかどうかを確認するためにライン

if (!target.siblings("aside").is(":visible")) { 

を使用していますが、それは常に私のJavascriptを「脇」要素を示した後でも、trueを返します。このため、私のelse文は実行されません。あなたはフィドルのボックスをクリックすると隠された要素が表示されますが、表示されているときはそのボックスをクリックして隠すことができるはずです。私は間違って何をしていますか？

Answer 1

あなたは多分あなたの優先順位を混ぜ合わせて、あなたの心にそれほどのものがあるなら、あなたは "else"ステートメントにコマンドを追加するのを忘れました（クラスの非表示と削除）。また、私は、この行の下の「ショー」を削除：

$(this.resource).removeClass("active"); 

私はあなたのコードを修正し、私はあなたが望むように、この作品を願っています。その他のファイルはのみのjsファイルは、以下のように変更され、無傷である：「TO-DO：」

Services = { 
    resource: "#resources-grid .resource", 
    resourceTrigger: "#resources-grid .resource .full-link", 
    description: ".description", 
    init: function() { 
     $(this.resourceTrigger).click(this.toggleResource.bind(this)); 
    }, 

    toggleResource: function(e) { 
     $(this.resource).removeClass("active"); 

     var target = $(e.target); 

     if (!target.siblings("aside").is(":visible")) { 
      console.log("yes"); 

      // Edit START 
      $("aside").hide(); 
      // Edit END 

      target.siblings("aside").show(); 
      target.parents(".resource").addClass("active"); 
     } else { 
      console.log("no"); 
      target.siblings("aside").hide(); 
      target.parents(".resource").removeClass("active"); 
     } 
    }, 
} 
Services.init(); 

側の注意点として、タスクを使用してコードをコメントしようとあなたのコードをインデント。

私はあなたを助けました！

編集： はこの追加：

target.siblings("aside").show();