Toggle Switcher<\/title>\r\n <style>\r\n body {\r\n margin: 0;\r\n padding: 0;\r\n background-color: #F5F9FF;\r\n font-family: Arial, sans-serif;\r\n }\r\n\r\n .toggle-switcher {\r\n display: flex;\r\n position: relative;\r\n width: 196px;\r\n margin: 50px auto;\r\n background: #F5F9FF;\r\n }\r\n\r\n .toggle-button {\r\n flex: 1;\r\n position: relative;\r\n z-index: 1;\r\n padding: 10px 12px;\r\n text-align: center;\r\n color: rgba(0, 3, 79, .6);\r\n text-decoration: none;\r\n cursor: pointer;\r\n transition: color 0.3s;\r\n font-size: 15px;\r\n font-weight: 600;\r\n border-radius: 0 4px 4px 0;\r\n width: 95px;\r\n text-decoration: none;\r\n }\r\n\r\n .toggle-button.active {\r\n color: #000238;\r\n }\r\n\r\n .toggle-switcher .b-hover {\r\n position: absolute;\r\n display: block;\r\n top: 0;\r\n left: 0;\r\n width: 50%;\r\n height: 100%;\r\n background-color: #fff;\r\n transition: all 0.5s;\r\n z-index: 0;\r\n box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);\r\n border-radius: 4px;\r\n }\r\n\r\n .toggle-button.left.active + .right + .b-hover {\r\n left: 0;\r\n }\r\n\r\n .toggle-button.right.active + .b-hover {\r\n left: 50%;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"toggle-switcher\">\r\n <a href=\"#\" class=\"toggle-button left active\">Zakelijk<\/a>\r\n <a href=\"#\" class=\"toggle-button right\">Particulier<\/a>\r\n <span class=\"b-hover\"><\/span>\r\n<\/div>\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function () {\r\n const buttons = document.querySelectorAll('.toggle-button');\r\n\r\n buttons.forEach(button => {\r\n button.addEventListener('click', function () {\r\n buttons.forEach(b => b.classList.remove('active'));\r\n this.classList.add('active');\r\n });\r\n });\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c8899d7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c8899d7\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-de9240f\" data-id=\"de9240f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Toggle Switcher Zakelijk Particulier<\/p>\n","protected":false},"author":21,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1957","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/teamstation.com\/en\/wp-json\/wp\/v2\/pages\/1957","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teamstation.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teamstation.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teamstation.com\/en\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/teamstation.com\/en\/wp-json\/wp\/v2\/comments?post=1957"}],"version-history":[{"count":349,"href":"https:\/\/teamstation.com\/en\/wp-json\/wp\/v2\/pages\/1957\/revisions"}],"predecessor-version":[{"id":2344,"href":"https:\/\/teamstation.com\/en\/wp-json\/wp\/v2\/pages\/1957\/revisions\/2344"}],"wp:attachment":[{"href":"https:\/\/teamstation.com\/en\/wp-json\/wp\/v2\/media?parent=1957"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Toggle Switcher<\/title>\r\n <style>\r\n body {\r\n margin: 0;\r\n padding: 0;\r\n background-color: #F5F9FF;\r\n font-family: Arial, sans-serif;\r\n }\r\n\r\n .toggle-switcher {\r\n display: flex;\r\n position: relative;\r\n width: 196px;\r\n margin: 50px auto;\r\n background: #F5F9FF;\r\n }\r\n\r\n .toggle-button {\r\n flex: 1;\r\n position: relative;\r\n z-index: 1;\r\n padding: 10px 12px;\r\n text-align: center;\r\n color: rgba(0, 3, 79, .6);\r\n text-decoration: none;\r\n cursor: pointer;\r\n transition: color 0.3s;\r\n font-size: 15px;\r\n font-weight: 600;\r\n border-radius: 0 4px 4px 0;\r\n width: 95px;\r\n text-decoration: none;\r\n }\r\n\r\n .toggle-button.active {\r\n color: #000238;\r\n }\r\n\r\n .toggle-switcher .b-hover {\r\n position: absolute;\r\n display: block;\r\n top: 0;\r\n left: 0;\r\n width: 50%;\r\n height: 100%;\r\n background-color: #fff;\r\n transition: all 0.5s;\r\n z-index: 0;\r\n box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);\r\n border-radius: 4px;\r\n }\r\n\r\n .toggle-button.left.active + .right + .b-hover {\r\n left: 0;\r\n }\r\n\r\n .toggle-button.right.active + .b-hover {\r\n left: 50%;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"toggle-switcher\">\r\n <a href=\"#\" class=\"toggle-button left active\">Zakelijk<\/a>\r\n <a href=\"#\" class=\"toggle-button right\">Particulier<\/a>\r\n <span class=\"b-hover\"><\/span>\r\n<\/div>\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function () {\r\n const buttons = document.querySelectorAll('.toggle-button');\r\n\r\n buttons.forEach(button => {\r\n button.addEventListener('click', function () {\r\n buttons.forEach(b => b.classList.remove('active'));\r\n this.classList.add('active');\r\n });\r\n });\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c8899d7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c8899d7\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-de9240f\" data-id=\"de9240f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Toggle Switcher Zakelijk Particulier<\/p>\n","protected":false},"author":21,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1957","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/teamstation.com\/en\/wp-json\/wp\/v2\/pages\/1957","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teamstation.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teamstation.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teamstation.com\/en\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/teamstation.com\/en\/wp-json\/wp\/v2\/comments?post=1957"}],"version-history":[{"count":349,"href":"https:\/\/teamstation.com\/en\/wp-json\/wp\/v2\/pages\/1957\/revisions"}],"predecessor-version":[{"id":2344,"href":"https:\/\/teamstation.com\/en\/wp-json\/wp\/v2\/pages\/1957\/revisions\/2344"}],"wp:attachment":[{"href":"https:\/\/teamstation.com\/en\/wp-json\/wp\/v2\/media?parent=1957"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}