jquery - 1 つの jQuery での複数ステートメントの構文

Question

私はjQueryが初めてで、このコードブロックを機能させることができないようです。最初のステートメントは実行されますが、次の 2 つのステートメントは実行されません。助けてください。

$(document).ready(function(){

$("#print-tab").click(function(){
   $("#print-content").hide().fadeIn();
});

$("#web-tab").click(function(){
   $("#web-content").hide().fadeIn();
});

$("#rest-tab").click(function(){
   $("#rest-content").hide().fadeIn();
});
});

Answer 1

あなた#print-contentが他のコンテンツの上にあり、あなたがそれを決して隠さないからかもしれません。試していただけますか：

$(document).ready(function(){

    $("#print-tab").click(function(){
       $("#web-content,#rest-content").fadeOut();
       $("#print-content").hide().fadeIn();
    });

    $("#web-tab").click(function(){
       $("#print-content,#rest-content").fadeOut();
       $("#web-content").hide().fadeIn();
    });

    $("#rest-tab").click(function(){
       $("#web-content,#print-content").fadeOut();
       $("#rest-content").hide().fadeIn();
    });
});