🕷️ Crawler Inspector

URL Lookup

Direct Parameter Lookup

Raw Queries and Responses

1. Shard Calculation

Query:
Response:
Calculated Shard: 53 (from laksa145)

2. Crawled Status Check

Query:
Response:

3. Robots.txt Check

Query:
Response:

4. Spam/Ban Check

Query:
Response:

5. Seen Status Check

ℹ️ Skipped - page is already crawled

📄
INDEXABLE
CRAWLED
5 days ago
🤖
ROBOTS ALLOWED

Page Info Filters

FilterStatusConditionDetails
HTTP statusPASSdownload_http_code = 200HTTP 200
Age cutoffPASSdownload_stamp > now() - 6 MONTH0.2 months ago
History dropPASSisNull(history_drop_reason)No drop reason
Spam/banPASSfh_dont_index != 1 AND ml_spam_score = 0ml_spam_score=0
CanonicalPASSmeta_canonical IS NULL OR = '' OR = src_unparsedNot set

Page Details

PropertyValue
URLhttps://forum.jquery.com/portal/en/community/topic/jquery-is-visible-always-returning-true
Last Crawled2026-04-08 05:37:20 (5 days ago)
First Indexed2023-07-03 13:49:45 (2 years ago)
HTTP Status Code200
Meta TitleJQuery .is( ":visible" ) always returning TRUE
Meta DescriptionI can't seem to get the .is( ":visible" ) to work. It always returns true. I believe I have followed the correct syntax, etc. Clicking on .heading, toggles the .details class to hide/show. All seems to work fine, except the .is(";visible") always returns true, even when the .details gets hidden and I can clearly see the display:none is there. Maybe something to do with the fact the display property is dynamically changed...? Code is below: <html> <head> <script src="https://code.jquery.com/jquery-3.3.1.min.js"
Meta Canonicalnull
Boilerpipe Text
JQuery .is( ":visible" ) always returning TRUE I can't seem to get the .is( ":visible" ) to work.  It always returns true.  I believe I have followed the correct syntax, etc.  Clicking on .heading, toggles the .details class to hide/show.  All seems to work fine, except the .is(";visible") always returns true, even when the .details gets hidden and I can clearly see the display:none is there.  Maybe something to do with the fact the display property is dynamically changed...? Code is below: <html> <head>           <script src=" https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous" type="text/javascript" charset="utf-8"></script>   </head> <body>     <br><br>     <div id="question_section315">         <p class="details" id="top_header315" style="margin-top: -10px;">TEST TEXT</p>         <p class="details">OTHER TEST TEXT #2</p>         <div class="row">             <h1 class="heading" data-id="315" style="display:inline-block;white-space:pre-wrap;cursor:pointer;">TEST HEADER</h1>                                                                                </div>                </div> <script>     $(document).on("click", ".heading", function(){                 var id = $(this).attr("data-id");         $('#question_section'+id).find('.details').toggle(500);         console.log('#top_header'+id);         var visible = $('#top_header'+id).is( ":visible" );         console.log('visible: '+visible);         //other logic if visible here     });      </script> </body> </html> Topic Participants henryder jakecigar
Markdown
# JQuery .is( ":visible" ) always returning TRUE # JQuery .is( ":visible" ) always returning TRUE I can't seem to get the .is( ":visible" ) to work. It always returns true. I believe I have followed the correct syntax, etc. Clicking on .heading, toggles the .details class to hide/show. All seems to work fine, except the .is(";visible") always returns true, even when the .details gets hidden and I can clearly see the display:none is there. Maybe something to do with the fact the display property is dynamically changed...? Code is below: 1. \<html\> 2. \<head\> 3. \<script src="<https://code.jquery.com/jquery-3.3.1.min.js"> integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous" type="text/javascript" charset="utf-8"\>\</script\> 4. \</head\> 5. \<body\> 6. \<br\>\<br\> 7. \<div id="question\_section315"\> 8. \<p class="details" id="top\_header315" style="margin-top: -10px;"\>TEST TEXT\</p\> 9. \<p class="details"\>OTHER TEST TEXT \#2\</p\> 10. \<div class="row"\> 11. \<h1 class="heading" data-id="315" style="display:inline-block;white-space:pre-wrap;cursor:pointer;"\>TEST HEADER\</h1\> 12. \</div\> 13. \</div\> 14. \<script\> 15. \$(document).on("click", ".heading", function(){ 16. var id = \$(this).attr("data-id"); 17. \$('\#question\_section'+id).find('.details').toggle(500); 18. console.log('\#top\_header'+id); 19. var visible = \$('\#top\_header'+id).is( ":visible" ); 20. console.log('visible: '+visible); 21. //other logic if visible here 22. }); 23. \</script\> 24. \</body\> 25. \</html\> - # Topic Participants - [henryder](https://forum.jquery.com/portal/en/community/user/588867000002120133) - [jakecigar](https://forum.jquery.com/portal/en/community/user/588867000000247865) ![](https://forum.jquery.com/portal/api/user/588867000000247865/photo?portalId=edbsn83677c1838fa5dadbe3097dfcfa363794b6a2deeecde07dbc00203dbdcc82b1a)
Readable Markdown
JQuery .is( ":visible" ) always returning TRUE I can't seem to get the .is( ":visible" ) to work. It always returns true. I believe I have followed the correct syntax, etc. Clicking on .heading, toggles the .details class to hide/show. All seems to work fine, except the .is(";visible") always returns true, even when the .details gets hidden and I can clearly see the display:none is there. Maybe something to do with the fact the display property is dynamically changed...? Code is below: \<html\> \<head\> \<script src="<https://code.jquery.com/jquery-3.3.1.min.js"> integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous" type="text/javascript" charset="utf-8"\>\</script\> \</head\> \<body\> \<br\>\<br\> \<div id="question\_section315"\> \<p class="details" id="top\_header315" style="margin-top: -10px;"\>TEST TEXT\</p\> \<p class="details"\>OTHER TEST TEXT \#2\</p\> \<div class="row"\> \<h1 class="heading" data-id="315" style="display:inline-block;white-space:pre-wrap;cursor:pointer;"\>TEST HEADER\</h1\> \</div\> \</div\> \<script\> \$(document).on("click", ".heading", function(){ var id = \$(this).attr("data-id"); \$('\#question\_section'+id).find('.details').toggle(500); console.log('\#top\_header'+id); var visible = \$('\#top\_header'+id).is( ":visible" ); console.log('visible: '+visible); //other logic if visible here }); \</script\> \</body\> \</html\> - ## Topic Participants - [henryder](https://forum.jquery.com/portal/en/community/user/588867000002120133) - [jakecigar](https://forum.jquery.com/portal/en/community/user/588867000000247865) ![](https://forum.jquery.com/portal/api/user/588867000000247865/photo?portalId=edbsn83677c1838fa5dadbe3097dfcfa363794b6a2deeecde07dbc00203dbdcc82b1a)
Shard53 (laksa)
Root Hash657907979407719853
Unparsed URLcom,jquery!forum,/portal/en/community/topic/jquery-is-visible-always-returning-true s443