{"id":3260,"date":"2022-05-22T09:03:17","date_gmt":"2022-05-22T00:03:17","guid":{"rendered":"https:\/\/blue-bear.jp\/kb\/?p=3260"},"modified":"2022-05-22T09:03:19","modified_gmt":"2022-05-22T00:03:19","slug":"jquery%e8%a6%81%e7%b4%a0%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%83%bb%e9%9d%9e%e8%a1%a8%e7%a4%ba%e3%82%92%e5%88%87%e3%82%8a%e6%9b%bf%e3%81%88%e3%82%8b%ef%bc%9aclasslist-toggle","status":"publish","type":"post","link":"https:\/\/blue-bear.jp\/kb\/jquery%e8%a6%81%e7%b4%a0%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%83%bb%e9%9d%9e%e8%a1%a8%e7%a4%ba%e3%82%92%e5%88%87%e3%82%8a%e6%9b%bf%e3%81%88%e3%82%8b%ef%bc%9aclasslist-toggle\/","title":{"rendered":"[Jquery]\u8981\u7d20\u306e\u8868\u793a\u30fb\u975e\u8868\u793a\u3092\u5207\u308a\u66ff\u3048\u308b\uff1aclassList.toggle"},"content":{"rendered":"\n

Jquery\u3092\u4f7f\u7528\u3057\u3066\u8981\u7d20\u306e\u8868\u793a\u30fb\u975e\u8868\u793a\u3092\u5207\u308a\u66ff\u3048\u308b\u306b\u306f\u3001classList.toggle\u3092\u5229\u7528\u3059\u308b<\/p>\n\n\n\n

\u3053\u3053\u3067\u306fhidden\u30af\u30e9\u30b9\u3092\u4f7f\u7528\u3057\u3066\u3001hidden\u30af\u30e9\u30b9\u3092\u3064\u3051\u305f\u308a\u53d6\u3063\u305f\u308a\u3059\u308b\u3053\u3068\u3067\u8868\u793a\u30fb\u975e\u8868\u793a\u3092\u5207\u308a\u66ff\u3048\u3066\u3044\u308b<\/p>\n\n\n\n

<script>\n$('#btn').on('click', function (e) {\n\tvar ele = document.getElementsByClassName('element');\n\t[].forEach.call(ele, function(elem) {\n\t\telem.classList.toggle('hidden'); \/\/hidden\u30af\u30e9\u30b9\u3092\u3064\u3051\u305f\u308a\u524a\u9664\u3057\u305f\u308a\n\t})\n});\n<\/script>\n<style type=\"text\/css\">\n\t.hidden{\n\t\tdisplay:none;\n\t}\n<\/style>\n<button id=\"btn\" type=\"button\">\u8868\u793a\u5207\u308a\u66ff\u3048<\/button>\n<div class=\"element\">\n \u4e2d\u8eab\n<\/div>\n<div class=\"element\">\n \u4e2d\u8eab\n<\/div><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
Jquery\u3092\u4f7f\u7528\u3057\u3066\u8981\u7d20\u306e\u8868\u793a\u30fb\u975e\u8868\u793a<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[245,441],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/posts\/3260"}],"collection":[{"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/comments?post=3260"}],"version-history":[{"count":1,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/posts\/3260\/revisions"}],"predecessor-version":[{"id":3261,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/posts\/3260\/revisions\/3261"}],"wp:attachment":[{"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/media?parent=3260"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/categories?post=3260"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/tags?post=3260"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}