{"id":11759,"date":"2022-08-19T09:21:03","date_gmt":"2022-08-19T09:21:03","guid":{"rendered":"https:\/\/www.webhozz.com\/blog\/?p=11759"},"modified":"2023-05-19T08:22:12","modified_gmt":"2023-05-19T08:22:12","slug":"jquery-efek-show-dan-hide","status":"publish","type":"post","link":"https:\/\/www.webhozz.com\/blog\/jquery-efek-show-dan-hide\/","title":{"rendered":"jQuery : Efek Show dan Hide"},"content":{"rendered":"\n<h5 class=\"wp-block-heading\">Metode show() dan hide()<\/h5>\n\n\n\n<p>Kalian dapat menampilkan dan menyembunyikan elemen HTML menggunakan metode jQuery&nbsp;<strong><em>show()<\/em><\/strong>&nbsp;dan&nbsp;<strong><em>hide().<\/em><\/strong><\/p>\n\n\n\n<p>Metode&nbsp;<strong><em>hide()<\/em><\/strong>&nbsp;cukup mengatur inline style&nbsp;<strong><em>display: none<\/em><\/strong>&nbsp;untuk elemen yang dipilih. Sebaliknya, metode&nbsp;<strong><em>show()<\/em><\/strong>&nbsp;mengembalikan&nbsp;<em>display properties<\/em>&nbsp;dari set elemen yang cocok ke awalnya \u2014 blok, inline, atau inline-block \u2014 sebelum inline style&nbsp;<strong><em>display: none<\/em><\/strong>&nbsp;diterapkan pada mereka. Berikut contohnya.<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\n&lt;script type=&quot;text\/javascript&quot;&gt;\n$(document).ready(function(){\n    \/\/ Hide displayed paragraphs\n    $(&quot;.hide-btn&quot;).click(function(){\n        $(&quot;p&quot;).hide();\n    });\n     \n    \/\/ Show hidden paragraphs\n    $(&quot;.show-btn&quot;).click(function(){\n        $(&quot;p&quot;).show();\n    });\n});\n&lt;\/script&gt;\n<\/pre><\/div>\n\n\n<p>Opsional kalian dapat menentukan parameter durasi (juga disebut sebagai kecepatan) untuk membuat efek jQuery show-hide dianimasikan selama periode waktu tertentu.<\/p>\n\n\n\n<p>Durasi dapat ditentukan baik menggunakan salah satu string yang telah ditentukan&nbsp;<strong><em>\u2018slow\u2019<\/em><\/strong>&nbsp;atau&nbsp;<strong><em>\u2018fast\u2019<\/em><\/strong>, atau dalam beberapa milidetik, untuk presisi yang lebih baik; nilai yang lebih tinggi menunjukkan animasi yang lebih lambat.<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\n&lt;script type=&quot;text\/javascript&quot;&gt;\n$(document).ready(function(){\n    \/\/ Hide displayed paragraphs with different speeds\n    $(&quot;.hide-btn&quot;).click(function(){\n        $(&quot;p.normal&quot;).hide();\n        $(&quot;p.fast&quot;).hide(&quot;fast&quot;);\n        $(&quot;p.slow&quot;).hide(&quot;slow&quot;);\n        $(&quot;p.very-fast&quot;).hide(50);\n        $(&quot;p.very-slow&quot;).hide(2000);\n    });\n     \n    \/\/ Show hidden paragraphs with different speeds\n    $(&quot;.show-btn&quot;).click(function(){\n        $(&quot;p.normal&quot;).show();\n        $(&quot;p.fast&quot;).show(&quot;fast&quot;);\n        $(&quot;p.slow&quot;).show(&quot;slow&quot;);\n        $(&quot;p.very-fast&quot;).show(50);\n        $(&quot;p.very-slow&quot;).show(2000);\n    });\n});\n&lt;\/script&gt;\n<\/pre><\/div>\n\n\n<p><strong><em>Catatan:<\/em><\/strong>&nbsp;Kecepatan atau string durasi&nbsp;<strong><em>\u2018fast\u2019&nbsp;<\/em><\/strong>menunjukkan durasi 200 milidetik, sedangkan string&nbsp;<strong><em>\u2018slow\u2019<\/em><\/strong>&nbsp;menunjukkan durasi 600 milidetik.<\/p>\n\n\n\n<p>Kalian juga dapat menentukan&nbsp;<strong><em>callback function<\/em><\/strong>&nbsp;yang akan dieksekusi setelah metode&nbsp;<strong><em>show()<\/em><\/strong>&nbsp;atau&nbsp;<strong><em>hide()<\/em><\/strong>&nbsp;selesai.<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\n&lt;script type=&quot;text\/javascript&quot;&gt;\n$(document).ready(function(){\n    \/\/ Display alert message after hiding paragraphs\n    $(&quot;.hide-btn&quot;).click(function(){\n        $(&quot;p&quot;).hide(&quot;slow&quot;, function(){\n            \/\/ Code to be executed\n            alert(&quot;The hide effect is completed.&quot;);\n        });\n    });\n     \n    \/\/ Display alert message after showing paragraphs\n    $(&quot;.show-btn&quot;).click(function(){\n        $(&quot;p&quot;).show(&quot;slow&quot;, function(){\n            \/\/ Code to be executed\n            alert(&quot;The show effect is completed.&quot;);\n        });\n    });\n});\n&lt;\/script&gt;\n<\/pre><\/div>\n\n\n<h5 class=\"wp-block-heading\">Metode toggle()<\/h5>\n\n\n\n<p>Metode&nbsp;<strong><em>toggle()<\/em><\/strong>&nbsp;jQuery menampilkan atau menyembunyikan elemen sedemikian rupa sehingga jika elemen tersebut awalnya ditampilkan, maka itu akan disembunyikan; jika disembunyikan, maka itu akan ditampilkan (mis. matikan visibilitas).<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\n&lt;script type=&quot;text\/javascript&quot;&gt;\n$(document).ready(function(){\n    \/\/ Toggles paragraphs display\n    $(&quot;.toggle-btn&quot;).click(function(){\n        $(&quot;p&quot;).toggle();\n    });\n});\n&lt;\/script&gt;\n<\/pre><\/div>\n\n\n<p>Demikian pula, kalian dapat menentukan parameter durasi untuk metode&nbsp;<strong><em>toggle()&nbsp;<\/em><\/strong>untuk menjadikannya animasi seperti pada metode&nbsp;<strong><em>show()<\/em><\/strong>&nbsp;dan&nbsp;<strong><em>hide()<\/em><\/strong>.<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\n&lt;script type=&quot;text\/javascript&quot;&gt;\n$(document).ready(function(){\n    \/\/ Toggles paragraphs with different speeds\n    $(&quot;.toggle-btn&quot;).click(function(){\n        $(&quot;p.normal&quot;).toggle();\n        $(&quot;p.fast&quot;).toggle(&quot;fast&quot;);\n        $(&quot;p.slow&quot;).toggle(&quot;slow&quot;);\n        $(&quot;p.very-fast&quot;).toggle(50);\n        $(&quot;p.very-slow&quot;).toggle(2000);\n    });\n});\n&lt;\/script&gt;\n<\/pre><\/div>\n\n\n<p>Demikian pula, kalian juga dapat menentukan&nbsp;<em>callback function<\/em>&nbsp;untuk metode&nbsp;<strong><em>toggle()<\/em><\/strong>.<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\n&lt;script type=&quot;text\/javascript&quot;&gt;\n$(document).ready(function(){\n    \/\/ Display alert message after toggling paragraphs\n    $(&quot;.toggle-btn&quot;).click(function(){\n        $(&quot;p&quot;).toggle(1000, function(){\n            \/\/ Code to be executed\n            alert(&quot;The toggle effect is completed.&quot;);\n        });\n    });\n});\n&lt;\/script&gt;\n<\/pre><\/div>\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Metode show() dan hide() Kalian dapat menampilkan dan menyembunyikan elemen HTML menggunakan metode jQuery&nbsp;show()&nbsp;dan&nbsp;hide(). Metode&nbsp;hide()&nbsp;cukup mengatur inline style&nbsp;display: none&nbsp;untuk elemen yang dipilih. Sebaliknya, metode&nbsp;show()&nbsp;mengembalikan&nbsp;display properties&nbsp;dari<\/p>\n","protected":false},"author":1,"featured_media":11743,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[4421,4420,4422,4418,4419,4417],"class_list":["post-11759","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-belajar-web-design","tag-belajar-jquery-efek-show-dan-hide","tag-belajar-jquery-efek-show-dan-hide-pemula","tag-kursus-jquery-efek-show-dan-hide-bandung","tag-kursus-jquery-efek-show-dan-hide-jakarta","tag-tutorial-jquery-efek-show-dan-hide","tag-tutorial-jquery-efek-show-dan-hide-pemula"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>jQuery : Efek Show dan Hide - WebHozz Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.webhozz.com\/blog\/jquery-efek-show-dan-hide\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"jQuery : Efek Show dan Hide - WebHozz Blog\" \/>\n<meta property=\"og:description\" content=\"Metode show() dan hide() Kalian dapat menampilkan dan menyembunyikan elemen HTML menggunakan metode jQuery&nbsp;show()&nbsp;dan&nbsp;hide(). Metode&nbsp;hide()&nbsp;cukup mengatur inline style&nbsp;display: none&nbsp;untuk elemen yang dipilih. Sebaliknya, metode&nbsp;show()&nbsp;mengembalikan&nbsp;display properties&nbsp;dari\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webhozz.com\/blog\/jquery-efek-show-dan-hide\/\" \/>\n<meta property=\"og:site_name\" content=\"WebHozz Blog\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-19T09:21:03+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-19T08:22:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2022\/08\/jQuery_1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/jquery-efek-show-dan-hide\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/jquery-efek-show-dan-hide\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/person\\\/d5f539ad171dc74baaf6a98dfef6fcef\"},\"headline\":\"jQuery : Efek Show dan Hide\",\"datePublished\":\"2022-08-19T09:21:03+00:00\",\"dateModified\":\"2023-05-19T08:22:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/jquery-efek-show-dan-hide\\\/\"},\"wordCount\":240,\"publisher\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/jquery-efek-show-dan-hide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/jQuery_1.jpg\",\"keywords\":[\"Belajar jQuery Efek Show dan Hide\",\"Belajar jQuery Efek Show dan Hide Pemula\",\"Kursus jQuery Efek Show dan Hide Bandung\",\"Kursus jQuery Efek Show dan Hide Jakarta\",\"Tutorial jQuery Efek Show dan Hide\",\"Tutorial jQuery Efek Show dan Hide Pemula\"],\"articleSection\":[\"Belajar Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/jquery-efek-show-dan-hide\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/jquery-efek-show-dan-hide\\\/\",\"name\":\"jQuery : Efek Show dan Hide - WebHozz Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/jquery-efek-show-dan-hide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/jquery-efek-show-dan-hide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/jQuery_1.jpg\",\"datePublished\":\"2022-08-19T09:21:03+00:00\",\"dateModified\":\"2023-05-19T08:22:12+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/jquery-efek-show-dan-hide\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/jquery-efek-show-dan-hide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/jquery-efek-show-dan-hide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/jQuery_1.jpg\",\"contentUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/jQuery_1.jpg\",\"width\":\"750\",\"height\":\"400\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/jquery-efek-show-dan-hide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"jQuery : Efek Show dan Hide\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\",\"name\":\"WebHozz Blog\",\"description\":\"Kursus Web &amp; Android di Jakarta Bandung\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\",\"name\":\"WebHozz\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/logo-persegi.jpg\",\"contentUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/logo-persegi.jpg\",\"width\":442,\"height\":442,\"caption\":\"WebHozz\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/person\\\/d5f539ad171dc74baaf6a98dfef6fcef\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"jQuery : Efek Show dan Hide - WebHozz Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.webhozz.com\/blog\/jquery-efek-show-dan-hide\/","og_locale":"en_US","og_type":"article","og_title":"jQuery : Efek Show dan Hide - WebHozz Blog","og_description":"Metode show() dan hide() Kalian dapat menampilkan dan menyembunyikan elemen HTML menggunakan metode jQuery&nbsp;show()&nbsp;dan&nbsp;hide(). Metode&nbsp;hide()&nbsp;cukup mengatur inline style&nbsp;display: none&nbsp;untuk elemen yang dipilih. Sebaliknya, metode&nbsp;show()&nbsp;mengembalikan&nbsp;display properties&nbsp;dari","og_url":"https:\/\/www.webhozz.com\/blog\/jquery-efek-show-dan-hide\/","og_site_name":"WebHozz Blog","article_published_time":"2022-08-19T09:21:03+00:00","article_modified_time":"2023-05-19T08:22:12+00:00","og_image":[{"width":750,"height":400,"url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2022\/08\/jQuery_1.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webhozz.com\/blog\/jquery-efek-show-dan-hide\/#article","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/jquery-efek-show-dan-hide\/"},"author":{"name":"admin","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/person\/d5f539ad171dc74baaf6a98dfef6fcef"},"headline":"jQuery : Efek Show dan Hide","datePublished":"2022-08-19T09:21:03+00:00","dateModified":"2023-05-19T08:22:12+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/jquery-efek-show-dan-hide\/"},"wordCount":240,"publisher":{"@id":"https:\/\/www.webhozz.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/jquery-efek-show-dan-hide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2022\/08\/jQuery_1.jpg","keywords":["Belajar jQuery Efek Show dan Hide","Belajar jQuery Efek Show dan Hide Pemula","Kursus jQuery Efek Show dan Hide Bandung","Kursus jQuery Efek Show dan Hide Jakarta","Tutorial jQuery Efek Show dan Hide","Tutorial jQuery Efek Show dan Hide Pemula"],"articleSection":["Belajar Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.webhozz.com\/blog\/jquery-efek-show-dan-hide\/","url":"https:\/\/www.webhozz.com\/blog\/jquery-efek-show-dan-hide\/","name":"jQuery : Efek Show dan Hide - WebHozz Blog","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/jquery-efek-show-dan-hide\/#primaryimage"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/jquery-efek-show-dan-hide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2022\/08\/jQuery_1.jpg","datePublished":"2022-08-19T09:21:03+00:00","dateModified":"2023-05-19T08:22:12+00:00","breadcrumb":{"@id":"https:\/\/www.webhozz.com\/blog\/jquery-efek-show-dan-hide\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webhozz.com\/blog\/jquery-efek-show-dan-hide\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhozz.com\/blog\/jquery-efek-show-dan-hide\/#primaryimage","url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2022\/08\/jQuery_1.jpg","contentUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2022\/08\/jQuery_1.jpg","width":"750","height":"400"},{"@type":"BreadcrumbList","@id":"https:\/\/www.webhozz.com\/blog\/jquery-efek-show-dan-hide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webhozz.com\/blog\/"},{"@type":"ListItem","position":2,"name":"jQuery : Efek Show dan Hide"}]},{"@type":"WebSite","@id":"https:\/\/www.webhozz.com\/blog\/#website","url":"https:\/\/www.webhozz.com\/blog\/","name":"WebHozz Blog","description":"Kursus Web &amp; Android di Jakarta Bandung","publisher":{"@id":"https:\/\/www.webhozz.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.webhozz.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.webhozz.com\/blog\/#organization","name":"WebHozz","url":"https:\/\/www.webhozz.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/04\/logo-persegi.jpg","contentUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/04\/logo-persegi.jpg","width":442,"height":442,"caption":"WebHozz"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/person\/d5f539ad171dc74baaf6a98dfef6fcef","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/www.webhozz.com\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/11759","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/comments?post=11759"}],"version-history":[{"count":2,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/11759\/revisions"}],"predecessor-version":[{"id":12474,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/11759\/revisions\/12474"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/media\/11743"}],"wp:attachment":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/media?parent=11759"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/categories?post=11759"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/tags?post=11759"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}