Golang React JS Technology Blog

jQuery check if an element is visible or hidden

Use Visibility Filter Selector 
<script>
   $(document).ready(function() {
       var isVisible = $('#visibleElement').is(':visible'); // True
       var isHidden = $('#hiddenElement').is(':hidden'); // True
   });
</script>
Complete Example 
<!DOCTYPE html>
<html lang="en">

<head>
    <style>
        #hiddenElement {
            display: none;
        }
        
        #visibleElement {
            display: block;
        }
    </style>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
    <script>
        $(document).ready(function() {
            var isVisible = $('#visibleElement').is(':visible'); // True
            var isHidden = $('#hiddenElement').is(':hidden'); // True
        });
    </script>
</head>

<body>
    <div id="hiddenElement">
        Test
    </div>
    <div id="visibleElement">
        Test
    </div>
</body>

</html>
Most Helpful This Week
How to check a variable is undefined in JavaScript? Using jQuery add new table row on click Write a function that splits an array into groups the length of size and returns them as a two-dimensional array Highlight and get the details of table row on click using JavaScript Check if a string ends with the given target string jQuery show input text inside div after on click event