{"id":203,"date":"2021-12-13T19:16:54","date_gmt":"2021-12-13T10:16:54","guid":{"rendered":"https:\/\/javascript.auctionpro.co.kr\/?page_id=203"},"modified":"2021-12-13T19:21:30","modified_gmt":"2021-12-13T10:21:30","slug":"toggle-select-show","status":"publish","type":"page","link":"https:\/\/javascript.auctionpro.co.kr\/?page_id=203","title":{"rendered":"Toggle select show"},"content":{"rendered":"\n<h4 class=\"wp-block-heading\">Reamark : Toggle select show<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"470\" height=\"148\" src=\"https:\/\/javascript.auctionpro.co.kr\/wp-content\/uploads\/2021\/12\/toggle_show_hide.jpg\" alt=\"\" class=\"wp-image-204\" srcset=\"https:\/\/javascript.auctionpro.co.kr\/wp-content\/uploads\/2021\/12\/toggle_show_hide.jpg 470w, https:\/\/javascript.auctionpro.co.kr\/wp-content\/uploads\/2021\/12\/toggle_show_hide-300x94.jpg 300w\" sizes=\"auto, (max-width: 470px) 100vw, 470px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-urvanov-syntax-highlighter-code-block\"><pre class=\"lang:xhtml decode:true \" >&lt;!DOCTYPE html&gt;\n&lt;html lang=\"ko\"&gt;\n&lt;meta charset=\"utf-8\"&gt; \n&lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1, user-scalable=no\"&gt;\n\n&lt;head&gt;\n&lt;script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.5.1\/jquery.min.js\"&gt;&lt;\/script&gt;\n&lt;style&gt;\n.body {\n  display:none;\n}\n.button .positive,\n.button .negative {\n  width:36px;\n  height:36px;\n  float:right;\n  display:block;\n  cursor:pointer;\n}\n.button .positive {\n  background:url('http:\/\/t1.gstatic.com\/images?q=tbn:ANd9GcSG0K-7ZtTc6XaVGJ8ETAz_wnUtKB6YiAvpPUHd5ED9K4cant8rK9Jq') no-repeat center center \/ 18px;\n}\n.button .negative {\n  background:url('http:\/\/t1.gstatic.com\/images?q=tbn:ANd9GcT8kZRbQ5ip-m-yl5Shdlr_jBf0oMm4TFgLW2jDmMYFkDjOllCfS898') no-repeat center center \/ 18px;\n}\n&lt;\/style&gt;\n&lt;script&gt;\n$(document).ready(function () { \n\tjQuery('.button').on('click' ,function(e) {\n\t\t e.preventDefault();\n\t\t var box = jQuery(this).closest('.box');\n\t\tvar closestBody = box.find('.body');\n\t\tjQuery('.body').not(closestBody).hide(); \/\/ Hide all except above div\n\n\t\tjQuery(closestBody).toggle(); \/\/ if visible hide it else show it\n\n\t\tjQuery('.iconbtn').removeClass('negative').addClass('positive');     \n\t\tvar iconBtn = box.find('.iconbtn');\n\t\tif (jQuery(closestBody).is(':visible')) {\n\t\t\t   iconBtn.removeClass('positive').addClass('negative');\n\t\t} else {\n\t\t\t   iconBtn.removeClass('negative').addClass('positive');\n\t\t}\n\t});\t\n });\n&lt;\/script&gt;\n&lt;\/head&gt;\n\n&lt;body&gt;\n &lt;div class=\"box\"&gt;\n  &lt;div class=\"header\"&gt;\n    &lt;a href=\"#\" class=\"button\"&gt;\n      &lt;span class=\"iconbtn positive\"&gt;&lt;\/span&gt;\n    &lt;\/a&gt;\n  &lt;\/div&gt;\n  &lt;div class=\"body\"&gt;\n  Text 1\n  &lt;\/div&gt;\n&lt;\/div&gt;\n&lt;div style=\"clear:both;\"&gt;&lt;\/div&gt;\n\n&lt;div class=\"box\"&gt;\n  &lt;div class=\"header\"&gt;\n    &lt;a href=\"#\" class=\"button\"&gt;\n      &lt;span class=\"iconbtn positive\"&gt;&lt;\/span&gt;\n    &lt;\/a&gt;\n  &lt;\/div&gt;\n  &lt;div class=\"body\"&gt;\n  Text 2\n  &lt;\/div&gt;\n&lt;\/div&gt;\n\n&lt;div style=\"clear:both;\"&gt;&lt;\/div&gt;\n\n&lt;div class=\"box\"&gt;\n  &lt;div class=\"header\"&gt;\n    &lt;a href=\"#\" class=\"button\"&gt;\n      &lt;span class=\"iconbtn positive\"&gt;&lt;\/span&gt;\n    &lt;\/a&gt;\n  &lt;\/div&gt;\n  &lt;div class=\"body\"&gt;\n  Text 3\n  &lt;\/div&gt;\n&lt;\/div&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/pre><\/div>\n\n\n\n<p>\ucc38\uc870  : https:\/\/jsfiddle.net\/nL4sxbj0\/5\/<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Reamark : Toggle select show \ucc38\uc870 : https:\/\/jsfiddle.net\/nL4sxbj0\/5\/<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-203","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/javascript.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/203","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/javascript.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/javascript.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/javascript.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/javascript.auctionpro.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=203"}],"version-history":[{"count":5,"href":"https:\/\/javascript.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/203\/revisions"}],"predecessor-version":[{"id":212,"href":"https:\/\/javascript.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/203\/revisions\/212"}],"wp:attachment":[{"href":"https:\/\/javascript.auctionpro.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}