ℹ️ Skipped - page is already crawled
| Filter | Status | Condition | Details |
|---|---|---|---|
| HTTP status | PASS | download_http_code = 200 | HTTP 200 |
| Age cutoff | PASS | download_stamp > now() - 6 MONTH | 0.2 months ago |
| History drop | PASS | isNull(history_drop_reason) | No drop reason |
| Spam/ban | PASS | fh_dont_index != 1 AND ml_spam_score = 0 | ml_spam_score=0 |
| Canonical | PASS | meta_canonical IS NULL OR = '' OR = src_unparsed | Not set |
| Property | Value |
|---|---|
| URL | https://forum.jquery.com/portal/en/community/topic/jquery-is-visible-always-returning-true |
| Last Crawled | 2026-04-08 05:37:20 (5 days ago) |
| First Indexed | 2023-07-03 13:49:45 (2 years ago) |
| HTTP Status Code | 200 |
| Meta Title | JQuery .is( ":visible" ) always returning TRUE |
| Meta Description | 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" |
| Meta Canonical | null |
| 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)
 |
| 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)
 |
| Shard | 53 (laksa) |
| Root Hash | 657907979407719853 |
| Unparsed URL | com,jquery!forum,/portal/en/community/topic/jquery-is-visible-always-returning-true s443 |