{"id":463,"date":"2014-01-13T13:35:14","date_gmt":"2014-01-13T13:35:14","guid":{"rendered":"http:\/\/dem2.olevmedia.net\/beep\/?page_id=463"},"modified":"2014-01-13T13:35:14","modified_gmt":"2014-01-13T13:35:14","slug":"toggles","status":"publish","type":"page","link":"https:\/\/www.giarbi.com\/eu\/shortcodes\/toggles\/","title":{"rendered":"Toggles \/Accordion\/ Tabs"},"content":{"rendered":"<p><img decoding=\"async\" loading=\"lazy\" class=\"lazyload alignnone size-full wp-image-204\" alt=\"Toggle\/Accordion\/Tabs shortcode\" data-original=\"http:\/\/m.olevmedia.net\/wp-content\/uploads\/2014\/01\/toggle.png\" width=\"1039\" height=\"401\" \/><\/p>\n<h2>Toggle<\/h2>\n<p><div class=\"omsc-one-half\"><div class=\"omsc-toggle\"><div class=\"omsc-toggle-title\">Premium WP Theme<\/div><div class=\"omsc-toggle-inner\"><\/p>\n<p>Ten years ago a crack commando unit was sent to prison by a military court for a crime they didn&#8217;t commit.<\/p>\n<p><\/div><\/div><div class=\"clear\"><\/div><\/div><div class=\"omsc-one-half omsc-last\">\n<div class=\"omsc-toggle\"><div class=\"omsc-toggle-title\">Elite Author's support<\/div><div class=\"omsc-toggle-inner\"><\/p>\n<p>Ten years ago a crack commando unit was sent to prison by a military court for a crime they didn&#8217;t commit.<\/p>\n<p><ul class=\"omsc-icons-ul fa-ul\"><li><i class=\"fa-li fa fa-check-square-o\"><\/i>Lorem ipsum dolor sit amet, consectetur adipiscing elit<\/li><li><i class=\"fa-li fa fa-check-square-o\"><\/i>Moerem psum adipiscing elit<\/li><li><i class=\"fa-li fa fa-check-square-o\"><\/i>Plugin is trying to help you achieve the same thing<\/li><li><i class=\"fa-li fa fa-check-square-o\"><\/i>Amet, consectetur adipiscing elit help you<\/li>\n<\/ul><\/p>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.<\/div><\/div>\n<p><div class=\"clear\"><\/div><\/div><div class=\"omsc-clear\"><\/div><div class=\"omsc-clear\" style=\"height:45px\"><\/div><\/p>\n<hr \/>\n<h2>Set of Toggles<\/h2>\n<div class=\"omsc-toggle\"><div class=\"omsc-toggle-title\">Table inside this toggle<\/div><div class=\"omsc-toggle-inner\"><br \/>\n<div class=\"omsc-custom-table-wrapper omsc-style-2\"><\/p>\n<table width=\"100%\">\n<thead>\n<tr>\n<th>Table Column 1<\/th>\n<th><i class=\"omsc-icon fa fa-camera\" style=\"\"><\/i>\u00a0Column 2<\/th>\n<th>Column 3<\/th>\n<th>Column 4<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Lorem impsum dolor<\/td>\n<td>200<\/td>\n<td>$345<\/td>\n<td>yes<\/td>\n<\/tr>\n<tr>\n<td>Consectetur adipisicing<\/td>\n<td>100<\/td>\n<td>$652<\/td>\n<td>no<\/td>\n<\/tr>\n<tr>\n<td>Sed do eiusmod<\/td>\n<td>777<\/td>\n<td>$125<\/td>\n<td>\u2014<\/td>\n<\/tr>\n<tr>\n<td>Labore et dolore<\/td>\n<td>531<\/td>\n<td>$37<\/td>\n<td>yes<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><\/div><\/p>\n<p><\/div><\/div>\n<div class=\"omsc-toggle\"><div class=\"omsc-toggle-title\">We put a ton of effort into providing top-notch WordPress tech support<\/div><div class=\"omsc-toggle-inner\"><\/p>\n<p>Consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.<\/p>\n<p><\/div><\/div>\n<div class=\"omsc-toggle\"><div class=\"omsc-toggle-title\">You can use your own text here<\/div><div class=\"omsc-toggle-inner\">\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu. Aipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.Lorem ipsum dolor sit amet,<\/p>\n<p><\/div><\/div><div class=\"omsc-clear\" style=\"height:45px\"><\/div><\/p>\n<hr \/>\n<h2>Initial State \u2013 Opened<\/h2>\n<div class=\"omsc-toggle omsc-expanded\"><div class=\"omsc-toggle-title\">Toggle title goes here<\/div><div class=\"omsc-toggle-inner\" style=\"display:block\">\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.Lorem ipsum dolor sit amet.<\/p>\n<p><\/div><\/div><div class=\"omsc-clear\" style=\"height:45px\"><\/div><\/p>\n<hr \/>\n<h2>Accordion<\/h2>\n<p>Accordion in fact is a set of Toggles, wrapped into <strong><code>[<\/code>accordion<code>]<\/code><\/strong> shortcode.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"lazyload alignnone size-full wp-image-206\" alt=\"Accordion shortcode\" data-original=\"http:\/\/m.olevmedia.net\/wp-content\/uploads\/2014\/01\/accordion.png\" width=\"1039\" height=\"401\" \/><\/p>\n<p><div class=\"omsc-two-third\"><div class=\"omsc-accordion\"><div class=\"omsc-toggle\"><div class=\"omsc-toggle-title\">Accordion item 1 title<\/div><div class=\"omsc-toggle-inner\"><\/p>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.<br \/>\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.<br \/>\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.<\/p>\n<p><ul class=\"omsc-icons-ul fa-ul\"><li><i class=\"fa-li fa fa-0067.png\"><\/i>Lorem ipsum dolor sit amet, consectetur adipiscing elit<\/li><li><i class=\"fa-li fa fa-0145.png\"><\/i>Moerem psum adipiscing elit<\/li><li><i class=\"fa-li fa fa-0223.png\"><\/i>Plugin is trying to help you achieve the same thing<\/li><li><i class=\"fa-li fa fa-0020.png\"><\/i>Amet, consectetur adipiscing elit help you<\/li>\n<\/ul><br \/>\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.<br \/>\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.<br \/>\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.<\/p>\n<p><\/div><\/div><\/p>\n<div class=\"omsc-toggle\"><div class=\"omsc-toggle-title\">Accordion item 2 title<\/div><div class=\"omsc-toggle-inner\"><\/p>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.<\/p>\n<p><\/div><\/div>\n<div class=\"omsc-toggle\"><div class=\"omsc-toggle-title\">Accordion item 3 title<\/div><div class=\"omsc-toggle-inner\">\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.<br \/>\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.<br \/>\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.<br \/>\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.<br \/>\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.<br \/>\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.<br \/>\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.<br \/>\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.<\/p>\n<p><\/div><\/div><br \/>\n<\/div><div class=\"clear\"><\/div><\/div><div class=\"omsc-one-third omsc-last\">\n<p>Accordion is a web control that allows you to provide multiple panes and display them one at a time. It is like having several CollapsiblePanels where only one can be expanded at a time.<\/p>\n<p><div class=\"clear\"><\/div><\/div><div class=\"omsc-clear\"><\/div><br \/>\n<div class=\"omsc-clear\" style=\"height:45px\"><\/div><\/p>\n<hr \/>\n<h2>Tabs<\/h2>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"lazyload alignnone size-full wp-image-207\" alt=\"Tabs Shortcode\" data-original=\"http:\/\/m.olevmedia.net\/wp-content\/uploads\/2014\/01\/tabs2.png\" width=\"1039\" height=\"401\" \/><\/p>\n<div class=\"omsc-tabs\"><ul class=\"omsc-tabs-control omsc-clearfix\"><li><a href=\"#tab-tab-one\"><span>Tab one<\/span><\/a><\/li><li><a href=\"#tab-tab-two\"><span>Tab two<\/span><\/a><\/li><li><a href=\"#tab-tab-three\"><span>Tab three<\/span><\/a><\/li><\/ul><div class=\"omsc-tabs-tabs\"><div class=\"omsc-tabs-tab omsc-tab-tab-one\">We make sure everything we do honors that connection \u2013 from our commitment to the highest quality coffee in the world, to the way we engage with our customers and communities to do business responsibly. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.<\/div><div class=\"omsc-tabs-tab omsc-tab-tab-two\"><strong>Duis ut arcu tortor, quis vestibulum augue. <\/strong>Nam ut arcu eget nisl elementum aliquet at id ligula. Sed sit amet ligula in massa pharetra auctor quis rutrum magna. Erom our commitment to the highest quality coffee in the world, to the way we engage with our customers and communities to do business responsibly. Nam ut arcu eget nisl elementum aliquet at id ligula. Sed sit amet ligula in massa pharetra auctor quis rutrum magna. Erom our commitment to the highest quality coffee in the world, to the way we engage with our customers and communities to do business responsibly.<\/div><div class=\"omsc-tabs-tab omsc-tab-tab-three\">Ut congue, massa eget interdum ullamcorper, quam mi mattis metus, eu gravida sem dolor quis metus. In placerat varius erat ut bibendum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/div><\/div><div class=\"omsc-clear\"><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Toggle Set of Toggles Initial State \u2013 Opened Accordion Accordion in fact is a set of Toggles, wrapped into [accordion] shortcode. Tabs<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":419,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/www.giarbi.com\/eu\/wp-json\/wp\/v2\/pages\/463"}],"collection":[{"href":"https:\/\/www.giarbi.com\/eu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.giarbi.com\/eu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.giarbi.com\/eu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.giarbi.com\/eu\/wp-json\/wp\/v2\/comments?post=463"}],"version-history":[{"count":0,"href":"https:\/\/www.giarbi.com\/eu\/wp-json\/wp\/v2\/pages\/463\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.giarbi.com\/eu\/wp-json\/wp\/v2\/pages\/419"}],"wp:attachment":[{"href":"https:\/\/www.giarbi.com\/eu\/wp-json\/wp\/v2\/media?parent=463"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}