jquery或js如何判断一个层是显示还是隐藏

这段代码就是实现隐藏的时候显示，显示的时候隐藏
function display(id) {
     
         var traget = document.getElementById(id);

          if (traget.style.display == "none") {  //隐藏
              traget.style.display = "";

         } else {                       //显示
         traget.style.display = "none";
  
         }
     } 
其实很好判断 通过jQuery判断CSS属性就行了
代码：
$(function(){
$(".button1").click(function(){
   if($("#div1").css("display")=="none")
       {
          alert("隐藏");
        }
      else
       {
          alert("显示");
       }
});
});
</script>

<div id="div1" style="display:none;" >我在这</div>
<input type="button" value="判断" class="button1" />