{"id":893,"date":"2012-12-18T15:52:04","date_gmt":"2012-12-18T15:52:04","guid":{"rendered":"http:\/\/royalwpthemes.com\/breakingnews\/?page_id=79"},"modified":"2012-12-18T15:52:04","modified_gmt":"2012-12-18T15:52:04","slug":"toggles-tabs-accordions","status":"publish","type":"page","link":"https:\/\/blog.o7b.net\/?page_id=893","title":{"rendered":"Toggles, tabs &#038; accordions"},"content":{"rendered":"<h5>Toggles<\/h5>\n<p><div class=\"myToggler\" style=\"border-color: #; background-color: #; color: #;\">\n\t<span class=\"togglerSign\">\uff0b<\/span>My toggle 1<\/div>\n\n<div class=\"mySlider\">  Lorem ipsum dolor sit amet, duis netus ut posuere feugiat arcu, purus wisi quis fringilla at, nunc ut eget elit duis erat praesent, ut fermentum lacus turpis cras. Justo gravida erat quam mauris purus, aliquam quisque.\u00a0<\/div><div class=\"clear\"><\/div> <div class=\"myToggler\" style=\"border-color: #ba5c5c; background-color: #e45c5c; color: #fff;\">\n\t<span class=\"togglerSign\">\uff0b<\/span>My toggle 2<\/div>\n\n<div class=\"mySlider\"> Lorem ipsum dolor sit amet, duis netus ut posuere feugiat arcu, purus wisi quis fringilla at, nunc ut eget elit duis erat praesent, ut fermentum lacus turpis cras. Justo gravida erat quam mauris purus, aliquam quisque.\u00a0<\/div><div class=\"clear\"><\/div> <div class=\"myToggler\" style=\"border-color: #ddd; background-color: #fff; color: #333;\">\n\t<span class=\"togglerSign\">\uff0b<\/span>My toggle 3<\/div>\n\n<div class=\"mySlider\"> Lorem ipsum dolor sit amet, duis netus ut posuere feugiat arcu, purus wisi quis fringilla at, nunc ut eget elit duis erat praesent, ut fermentum lacus turpis cras. Justo gravida erat quam mauris purus, aliquam quisque.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/royalwpthemes.com\/alpina\/wp-content\/uploads\/2012\/07\/Super_Interior_Design2-1024x640.jpg\" alt=\"\" title=\"Super Interior Design\" width=\"1024\" height=\"640\" class=\"alignleft size-large wp-image-207\" \/><br \/>\nLorem ipsum dolor sit amet, duis netus ut posuere feugiat arcu, purus wisi quis fringilla at, nunc ut eget elit duis erat praesent, ut fermentum lacus turpis cras. Justo gravida erat quam mauris purus, aliquam quisque.\u00a0<\/div><div class=\"clear\"><\/div> <div class=\"myToggler\" style=\"border-color: #000; background-color: #333; color: #fff;\">\n\t<span class=\"togglerSign\">\uff0b<\/span>My toggle 4<\/div>\n\n<div class=\"mySlider\"> Lorem ipsum dolor sit amet, duis netus ut posuere feugiat arcu, purus wisi quis fringilla at, nunc ut eget elit duis erat praesent, ut fermentum lacus turpis cras. Justo gravida erat quam mauris purus, aliquam quisque.\u00a0<\/div><div class=\"clear\"><\/div> <\/p>\n<div class=\"divider_space\" style=\"height: 30px;\"><\/div><div class=\"clear\"><\/div>\n<h5>Tabs<\/h5>\n<div class=\"su-tabs\"><div class=\"su-tabs-nav\"><span style=\"border-color: #; background-color: #; color: #;\">First tab<\/span><span style=\"border-color: #; background-color: #; color: #;\">Second tab<\/span><span style=\"border-color: #; background-color: #; color: #;\">Third tab<\/span><\/div>\n<div class=\"clear\"><\/div>\n<div class=\"su-tabs-panes\"><div class=\"su-tabs-pane\"> Lorem ipsum dolor sit amet, duis netus ut posuere feugiat arcu, purus wisi quis fringilla at, nunc ut eget elit duis erat praesent, ut fermentum lacus turpis cras. Justo gravida erat quam mauris purus, aliquam quisque. <\/div>\n<div class=\"su-tabs-pane\"> Lorem ipsum dolor sit amet, duis netus ut posuere feugiat arcu, purus wisi quis fringilla at, nunc ut eget elit duis erat praesent, ut fermentum lacus turpis cras. Justo gravida erat quam mauris purus, aliquam quisque. <\/div>\n<div class=\"su-tabs-pane\"> Lorem ipsum dolor sit amet, duis netus ut posuere feugiat arcu, purus wisi quis fringilla at, nunc ut eget elit duis erat praesent, ut fermentum lacus turpis cras. Justo gravida erat quam mauris purus, aliquam quisque.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/royalwpthemes.com\/alpina\/wp-content\/uploads\/2012\/07\/Super_Interior_Design2-1024x640.jpg\" alt=\"\" title=\"Super Interior Design\" width=\"1024\" height=\"640\" class=\"alignleft size-large wp-image-207\" \/><br \/>\nLorem ipsum dolor sit amet, duis netus ut posuere feugiat arcu, purus wisi quis fringilla at, nunc ut eget elit duis erat praesent, ut fermentum lacus turpis cras. Justo gravida erat quam mauris purus, aliquam quisque. <\/div><\/div><\/div>\n<div class=\"divider_space\" style=\"height: 20px;\"><\/div><div class=\"clear\"><\/div>\n<h5>Accordions<\/h5>\n<p>\n<h2 class=\"acc_trigger\" style=\"border-color: #; background-color: #;\"><a href=\"#\" style=\"color: #;\">First tab<\/a><\/h2>\n<div class=\"acc_container\">\n<div class=\"block\">\n<p> Lorem ipsum dolor sit amet, duis netus ut posuere feugiat arcu, purus wisi quis fringilla at, nunc ut eget elit duis erat praesent, ut fermentum lacus turpis cras. Justo gravida erat quam mauris purus, aliquam quisque. <\/p>\n<\/div>\n<\/div> <h2 class=\"acc_trigger\" style=\"border-color: #ba5c5c; background-color: #e45c5c;\"><a href=\"#\" style=\"color: #fff;\">Second tab<\/a><\/h2>\n<div class=\"acc_container\">\n<div class=\"block\">\n<p> Lorem ipsum dolor sit amet, duis netus ut posuere feugiat arcu, purus wisi quis fringilla at, nunc ut eget elit duis erat praesent, ut fermentum lacus turpis cras. Justo gravida erat quam mauris purus, aliquam quisque. <\/p>\n<\/div>\n<\/div> <h2 class=\"acc_trigger\" style=\"border-color: #ddd; background-color: #fff;\"><a href=\"#\" style=\"color: #333;\">Third tab<\/a><\/h2>\n<div class=\"acc_container\">\n<div class=\"block\">\n<p> <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/royalwpthemes.com\/alpina\/wp-content\/uploads\/2012\/07\/Super_Interior_Design2-1024x640.jpg\" alt=\"\" title=\"Super Interior Design\" width=\"1024\" height=\"640\" class=\"alignleft size-large wp-image-207\" \/> Lorem ipsum dolor sit amet, duis netus ut posuere feugiat arcu, purus wisi quis fringilla at, nunc ut eget elit duis erat praesent, ut fermentum lacus turpis cras. Justo gravida erat quam mauris purus, aliquam quisque. <\/p>\n<\/div>\n<\/div> <h2 class=\"acc_trigger\" style=\"border-color: #000; background-color: #333;\"><a href=\"#\" style=\"color: #fff;\">Black tab<\/a><\/h2>\n<div class=\"acc_container\">\n<div class=\"block\">\n<p> Lorem ipsum dolor sit amet, duis netus ut posuere feugiat arcu, purus wisi quis fringilla at, nunc ut eget elit duis erat praesent, ut fermentum lacus turpis cras. Justo gravida erat quam mauris purus, aliquam quisque. <\/p>\n<\/div>\n<\/div><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Toggles Tabs Accordions <\/p>\n<p>&nbsp;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-893","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/blog.o7b.net\/index.php?rest_route=\/wp\/v2\/pages\/893","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.o7b.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blog.o7b.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blog.o7b.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.o7b.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=893"}],"version-history":[{"count":0,"href":"https:\/\/blog.o7b.net\/index.php?rest_route=\/wp\/v2\/pages\/893\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.o7b.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=893"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}