{"id":473,"date":"2013-11-22T12:20:10","date_gmt":"2013-11-22T12:20:10","guid":{"rendered":"http:\/\/wedesignthemes.com\/themes\/dummy-soulmedic\/?page_id=473"},"modified":"2013-11-22T12:20:10","modified_gmt":"2013-11-22T12:20:10","slug":"tabs-toggles","status":"publish","type":"page","link":"https:\/\/dzunglica.com\/wordpress\/shortcodes\/tabs-toggles\/","title":{"rendered":"Tabs &#038; Toggles"},"content":{"rendered":"<div  class='column dt-sc-one-half   first' ><h2>Horizontal Tabs<\/h2>\n<div class=\"dt-sc-tabs-container\"><ul class=\"dt-sc-tabs-frame\"><li><a href=\"#\">Tab 1<\/a><\/li><li><a href=\"#\">Tab 2<\/a><\/li><li><a href=\"#\">Tab 3<\/a><\/li><\/ul><div class=\"dt-sc-tabs-frame-content\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.<\/div><div class=\"dt-sc-tabs-frame-content\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.<\/div><div class=\"dt-sc-tabs-frame-content\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.<\/div><\/div><\/div>\n<div  class='column dt-sc-one-half   ' ><h2>Vertical Tabs<\/h2>\n<div class='dt-sc-tabs-vertical-container'><ul class='dt-sc-tabs-vertical-frame'><li><a href=\"#\">Tab 1<span><\/span><\/a><\/li><li><a href=\"#\">Tab 2<span><\/span><\/a><\/li><li><a href=\"#\">Tab 3<span><\/span><\/a><\/li><\/ul><div class=\"dt-sc-tabs-vertical-frame-content\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.<\/div><div class=\"dt-sc-tabs-vertical-frame-content\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.<\/div><div class=\"dt-sc-tabs-vertical-frame-content\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.<\/div><\/div><\/div>\n<div class='dt-sc-hr-invisible  '><\/div>\n<div  class='column dt-sc-one-half   first' ><div class=\"dt-sc-clear\"><\/div>\n<p><strong>Shortcode:<\/strong><\/p>\n<pre>\n[dt_sc_tabs_horizontal]\n[dt_sc_tab title=\"Tab 1\"]your content goes here&#8230;[&#47;dt_sc_tab]\n[dt_sc_tab title=\"Tab 2\"]your content goes here&#8230;[&#47;dt_sc_tab]\n[dt_sc_tab title=\"Tab 3\"]your content goes here&#8230;[&#47;dt_sc_tab]\n[&#47;dt_sc_tabs_horizontal]\n<\/pre>\n<div class='dt-sc-hr-medium '><\/div><\/div>\n<div  class='column dt-sc-one-half   ' ><div class=\"dt-sc-clear\"><\/div>\n<strong>Shortcode:<\/strong><\/p>\n<pre>\n[dt_sc_tabs_vertical]\n[dt_sc_tab title=\"Tab 1\"]your content goes here&#8230;[&#47;dt_sc_tab]\n[dt_sc_tab title=\"Tab 2\"]your content goes here&#8230;[&#47;dt_sc_tab]\n[dt_sc_tab title=\"Tab 3\"]your content goes here&#8230;[&#47;dt_sc_tab]\n[&#47;dt_sc_tabs_vertical]\n<\/pre>\n<div class='dt-sc-hr-medium '><\/div><\/div>\n<div  class='column dt-sc-one-half   first' ><h2>Standard Toggle Style<\/h2>\n<h5 class='dt-sc-toggle'><a href='#'>Toggle 1<\/a><\/h5><div class=\"dt-sc-toggle-content\" style=\"display: none;\"><div class=\"block\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.<\/div><\/div>\n<h5 class='dt-sc-toggle'><a href='#'>Toggle 2<\/a><\/h5><div class=\"dt-sc-toggle-content\" style=\"display: none;\"><div class=\"block\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.<\/div><\/div>\n<h5 class='dt-sc-toggle'><a href='#'>Toggle 3<\/a><\/h5><div class=\"dt-sc-toggle-content\" style=\"display: none;\"><div class=\"block\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.<\/div><\/div>\n<div class=\"dt-sc-clear\"><\/div>\n<div class='dt-sc-hr-invisible  '><\/div>\n<strong>Shortcode:<\/strong>\n<pre>\n[dt_sc_toggle title=\"Toggle 1\"]your content goes here&#8230;[&#47;dt_sc_toggle]\n[dt_sc_toggle title=\"Toggle 2\"]your content goes here&#8230;[&#47;dt_sc_toggle]\n[dt_sc_toggle title=\"Toggle 3\"]your content goes here&#8230;[&#47;dt_sc_toggle]\n<\/pre>\n<div class='dt-sc-hr-medium '><\/div><\/div>\n<div  class='column dt-sc-one-half   ' ><h2>Framed Toggle Style<\/h2>\n<div class=\"dt-sc-toggle-frame\">\t<h5 class='dt-sc-toggle'><a href='#'>Toggle 1<\/a><\/h5>\t<div class=\"dt-sc-toggle-content\" style=\"display: none;\">\t\t<div class=\"block\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.\t\t<\/div>\t<\/div><\/div>\n<div class=\"dt-sc-toggle-frame\">\t<h5 class='dt-sc-toggle'><a href='#'>Toggle 2<\/a><\/h5>\t<div class=\"dt-sc-toggle-content\" style=\"display: none;\">\t\t<div class=\"block\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.\t\t<\/div>\t<\/div><\/div>\n<div class=\"dt-sc-toggle-frame\">\t<h5 class='dt-sc-toggle'><a href='#'>Toggle 3<\/a><\/h5>\t<div class=\"dt-sc-toggle-content\" style=\"display: none;\">\t\t<div class=\"block\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.\t\t<\/div>\t<\/div><\/div>\n<div class=\"dt-sc-clear\"><\/div>\n<div class='dt-sc-hr-invisible  '><\/div>\n<strong>Shortcode:<\/strong>\n<pre>\n[dt_sc_toggle_framed title=\"Toggle 1\"]your content goes here&#8230;[&#47;dt_sc_toggle_framed]\n[dt_sc_toggle_framed title=\"Toggle 2\"]your content goes here&#8230;[&#47;dt_sc_toggle_framed]\n[dt_sc_toggle_framed title=\"Toggle 3\"]your content goes here&#8230;[&#47;dt_sc_toggle_framed]\n<\/pre>\n<div class='dt-sc-hr-medium '><\/div><\/div>\n<div  class='column dt-sc-one-half   first' ><h2>Standard Accordion Style<\/h2>\n<div class='dt-sc-toggle-frame-set'><h5 class='dt-sc-toggle-accordion '><a href='#'>Accordion 1<\/a><\/h5><div class=\"dt-sc-toggle-content\" style=\"display: none;\"><div class=\"block\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.<\/div><\/div>\n<h5 class='dt-sc-toggle-accordion '><a href='#'>Accordion 2<\/a><\/h5><div class=\"dt-sc-toggle-content\" style=\"display: none;\"><div class=\"block\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.<\/div><\/div>\n<h5 class='dt-sc-toggle-accordion '><a href='#'>Accordion 3<\/a><\/h5><div class=\"dt-sc-toggle-content\" style=\"display: none;\"><div class=\"block\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.<\/div><\/div><\/div>\n<div class=\"dt-sc-clear\"><\/div>\n<div class='dt-sc-hr-invisible  '><\/div>\n<strong>Shortcode:<\/strong>\n<pre>\n[dt_sc_accordion_group]\n[dt_sc_toggle title=\"Accordion 1\"]your content goes here&#8230;[&#47;dt_sc_toggle]\n[dt_sc_toggle title=\"Accordion 2\"]your content goes here&#8230;[&#47;dt_sc_toggle]\n[dt_sc_toggle title=\"Accordion 3\"]your content goes here&#8230;[&#47;dt_sc_toggle]\n[&#47;dt_sc_accordion_group]\n<\/pre><\/div>\n<div  class='column dt-sc-one-half   ' ><h2>Framed Accordion Style<\/h2>\n<div class='dt-sc-toggle-frame-set'><div class=\"dt-sc-toggle-frame\">\t<h5 class='dt-sc-toggle-accordion '><a href='#'>Accordion 1<\/a><\/h5>\t<div class=\"dt-sc-toggle-content\" style=\"display: none;\">\t\t<div class=\"block\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.\t\t<\/div>\t<\/div><\/div>\n<div class=\"dt-sc-toggle-frame\">\t<h5 class='dt-sc-toggle-accordion '><a href='#'>Accordion 2<\/a><\/h5>\t<div class=\"dt-sc-toggle-content\" style=\"display: none;\">\t\t<div class=\"block\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.\t\t<\/div>\t<\/div><\/div>\n<div class=\"dt-sc-toggle-frame\">\t<h5 class='dt-sc-toggle-accordion '><a href='#'>Accordion 3<\/a><\/h5>\t<div class=\"dt-sc-toggle-content\" style=\"display: none;\">\t\t<div class=\"block\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.\t\t<\/div>\t<\/div><\/div><\/div>\n<div class=\"dt-sc-clear\"><\/div>\n<div class='dt-sc-hr-invisible  '><\/div>\n<strong>Shortcode:<\/strong>\n<pre>\n[dt_sc_accordion_group]\n[dt_sc_toggle_framed title=\"Accordion 1\"]your content goes here&#8230;[&#47;dt_sc_toggle_framed]\n[dt_sc_toggle_framed title=\"Accordion 2\"]your content goes here&#8230;[&#47;dt_sc_toggle_framed]\n[dt_sc_toggle_framed title=\"Accordion 3\"]your content goes here&#8230;[&#47;dt_sc_toggle_framed]\n[&#47;dt_sc_accordion_group]\n<\/pre><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":471,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-473","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dzunglica.com\/wordpress\/wp-json\/wp\/v2\/pages\/473","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dzunglica.com\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dzunglica.com\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dzunglica.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dzunglica.com\/wordpress\/wp-json\/wp\/v2\/comments?post=473"}],"version-history":[{"count":0,"href":"https:\/\/dzunglica.com\/wordpress\/wp-json\/wp\/v2\/pages\/473\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/dzunglica.com\/wordpress\/wp-json\/wp\/v2\/pages\/471"}],"wp:attachment":[{"href":"https:\/\/dzunglica.com\/wordpress\/wp-json\/wp\/v2\/media?parent=473"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}