Wie überprüfe ich, ob das HTML-Element ausgeblendet ist oder nicht? [duplicate]

Ich habe meine zwei Elemente (setProject und setHdc). Wenn sie angeklickt werden, zeigen sie andere Tabellenelemente an. Aber ich möchte nur eine Gruppe von Tabellenelementen gleichzeitig erscheinen lassen. Wenn der Benutzer beispielsweise auf “setProject” geklickt hat, muss das Element “setHdc” ausgeblendet werden. und das gleiche sonst. Gibt es eine Möglichkeit, wie ich es als If-Anweisung tun kann? Oder gibt es einen einfacheren Weg, es zu tun?

<script> 
$(document).ready(function(){
  $("#setProject ").click(function(){
    $("#test1").fadeToggle("fast");
    $("#projectTable1").fadeToggle("fast");
    $("#projectTable2").fadeToggle("fast");
    $("#projectTable3").fadeToggle("fast");
  });
});
$(document).ready(function(){
  $("#setHdc").click(function(){
    $("#hdcTable1").fadeToggle("fast");
    $("#hdcTable2").fadeToggle("fast");
  });
});
</script>

Du solltest benutzen

 if($(this).is(':visible')){
     doSomething();
 }else{
     doSomethingElse();
 }

das else Teil funktioniert nur für Elemente mit display:none. Elemente, die haben visibility:hidden/opacity:0 wird als sichtbar angesehen

Verwenden Sie die :sichtbar Wähler

if($('#element').is(':visible'))
{
    //write the code for visible
}
else
{
    // write the invisible code
}

$(document).ready(function(){
    $("#setProject ").click(function(){
        $("#setHdc").hide();
        $("#test1").fadeToggle("fast");
        $("#projectTable1").fadeToggle("fast");
        $("#projectTable2").fadeToggle("fast");
        $("#projectTable3").fadeToggle("fast");
    });
    $("#setHdc").click(function(){
        $("#setProject").hide();
        $("#hdcTable1").fadeToggle("fast");
        $("#hdcTable2").fadeToggle("fast");
    });
});

Blenden Sie einfach das gegenüberliegende Element auf dem .click-Ereignis jedes Elements aus.