{"id":6976,"date":"2022-02-25T15:38:01","date_gmt":"2022-02-25T06:38:01","guid":{"rendered":"https:\/\/www.auctionpro.co.kr\/?p=6976"},"modified":"2023-03-31T17:52:22","modified_gmt":"2023-03-31T08:52:22","slug":"toggle-%ec%97%ac%eb%9f%ac-%eb%82%b4%ec%9a%a9-%eb%b3%b4%ec%9d%b4%ea%b8%b0","status":"publish","type":"post","link":"https:\/\/www.auctionpro.co.kr\/?p=6976","title":{"rendered":"toggle \ub0b4\uc6a9 \ubcf4\uc774\uae30 \uac10\ucd94\uae30"},"content":{"rendered":"\n

Remark : \ud074\ub9ad\uc2dc div \ub0b4\uc6a9 \ubcf4\uc774\uae30 <\/h3>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n

Html + CSS + JQuery<\/h4>\n\n\n\n
<!DOCTYPE html>\n<html lang=\"ko\">\n<meta charset=\"utf-8\"> \n<meta http-equiv=\"X-UA-Compatible\" content=\"IE=Edge;\" \/>\n<head>  \n  \n<script src=\"https:\/\/code.jquery.com\/jquery-3.4.1.slim.min.js\" integrity=\"sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n\"\n       crossorigin=\"anonymous\">\n<\/script>\n<script>\n\t$(document).ready(function () {\n\t\tjQuery('.button').on('click', function (e) {\n\t\t\te.preventDefault();\n\t\t\tvar box = jQuery(this).closest('.Rulebox');\n\t\t\tvar closestBody = box.find('.Rulebody');\n\t\t\tjQuery('.Rulebody').not(closestBody).hide(); \/\/ Hide all except above div\n\n\t\t\tjQuery(closestBody).toggle(); \/\/ if visible hide it else show it\n\t\t});\n\t});\n<\/script>\n<\/head>\n \n<body>\n \n<div class=\"Rulebox\">\n\t<a href=\"#\" class=\"button\">\uaddc\uc815\uc601\ubb38 \ubcf4\uae30 <\/a>\n\t<br\/>\n\t<div class=\"Rulebody\" style=\"display:none;\">\n\t\uaddc\uc815 0 \ubcf4\uae30<br\/>\n\t\ub0b4\uc6a9 \ub0b4\uc6a9<br\/>\n\t\ub0b4\uc6a9 \ub0b4\uc6a9<br\/>\n\t\ub0b4\uc6a9 \ub0b4\uc6a9<br\/>\n\t<\/div>\n<\/div> \n\n<br\/>\n\n \n<div class=\"Rulebox\">\n\t<a href=\"#\" class=\"button\">\uaddc\uc815\uc601\ubb38 \ubcf4\uae30 <\/a>\n\t<br\/>\n\t<div class=\"Rulebody\" style=\"display:none;\">\n\t\uaddc\uc815 2 \ubcf4\uae30<br\/>\n\t\ub0b4\uc6a9 \ub0b4\uc6a9<br\/>\n\t\ub0b4\uc6a9 \ub0b4\uc6a9<br\/>\n\t\ub0b4\uc6a9 \ub0b4\uc6a9<br\/>\n\t<\/div> \n<\/div> \n \n<\/body>\n<\/html><\/pre><\/div>\n","protected":false},"excerpt":{"rendered":"
Remark : \ud074\ub9ad\uc2dc div \ub0b4\uc6a9 \ubcf4\uc774\uae30 Html + CSS + JQuery<\/p>\n<\/div>","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[8],"tags":[],"class_list":["post-6976","post","type-post","status-publish","format-standard","hentry","category-jquery"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/6976","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.auctionpro.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6976"}],"version-history":[{"count":0,"href":"https:\/\/www.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/6976\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.auctionpro.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6976"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.auctionpro.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6976"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.auctionpro.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6976"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}