{"id":562,"date":"2014-01-21T03:09:00","date_gmt":"2014-01-21T03:09:00","guid":{"rendered":"http:\/\/a1webdesignteam.com\/blog\/?p=562"},"modified":"2014-01-21T03:09:00","modified_gmt":"2014-01-21T03:09:00","slug":"how-to-check-visibility-state-in-jquery-toggle-function","status":"publish","type":"post","link":"https:\/\/a1webdesignteam.com\/blog\/how-to-check-visibility-state-in-jquery-toggle-function\/","title":{"rendered":"How to check visibility state in jQuery toggle function?"},"content":{"rendered":"

Here is a quick tip how to check visibility state of\u00a0a toggled element in jQuery:<\/p>\n

\n\n\n\n
\n
$('#element').toggle('slow', function() {\r\n  if($(this).is(':hidden')) {\r\n    $(this).text('This element is hidden.');\r\n  }\r\n  else {\r\n    $(this).text('This element is visible.');\r\n  }\r\n});<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
From: realhe.ro<\/p>\n","protected":false},"excerpt":{"rendered":"
Here is a quick tip how to check visibility state of\u00a0a toggled element in jQuery: $(‘#element’).toggle(‘slow’, function() { if($(this).is(‘:hidden’)) { $(this).text(‘This element is hidden.’); } else { $(this).text(‘This element is visible.’); } }); From: realhe.ro<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0},"categories":[6],"tags":[],"_links":{"self":[{"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/posts\/562"}],"collection":[{"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/comments?post=562"}],"version-history":[{"count":0,"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/posts\/562\/revisions"}],"wp:attachment":[{"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/media?parent=562"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/categories?post=562"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/tags?post=562"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}