如何检查HTML元素是否被隐藏？

Question

我有两个元素(setProject和setHdc).单击时,它们会显示其他表格元素.但我想只让一组表格元素同时出现.例如,当用户单击"setProject"时,必须隐藏"setHdc"元素.否则相同.我有什么方法可以做到如果判断？或者有更简单的方法吗？

<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>

Answer 1

你应该用

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

该else部分仅适用于元素display:none.visibility:hidden/opacity:0将被视为可见的元素