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
Get largest number from each sub-arrays JavaScript simple alert on Click ES6 method of declaration multiple variables in one line Generate random password for form field on click using JavaScript Using jQuery add new table row on click JavaScript calculate Fahrenheit from Celsius How to check a variable is undefined in JavaScript? How to build simple tabs with jQuery? How to current URL, HOST and URL attributes using JavaScript or jQuery? How to declare multiple variables in one statement in Javascript?