{"id":138,"date":"2010-09-30T15:24:26","date_gmt":"2010-09-30T15:24:26","guid":{"rendered":"https:\/\/thethemebuilders.review\/"},"modified":"2010-09-30T15:24:26","modified_gmt":"2010-09-30T15:24:26","slug":"tabs-accordion-toggles","status":"publish","type":"page","link":"https:\/\/thethemebuilders.review\/smalldemo\/shortcodes\/tabs-accordion-toggles","title":{"rendered":"Tabs &#038; Accordion &#038; Toggles"},"content":{"rendered":"<div class=\"tabs_container\"><ul class=\"tabs\"><li><a href=\"#\"><i class=\"theme-icon icon-check\" style=\"color:#3cabce\"><\/i>Parameters<\/a><\/li><li><a href=\"#\"><i class=\"theme-icon icon-check\" style=\"color:#3cabce\"><\/i>Shortcode Option Panel<\/a><\/li><\/ul><div class=\"panes\"><div class=\"pane\"><div class=\"one_half\"><h3>Types<\/h3>\n<div class=\"divider_line\"><\/div>\nTabs are available in type :<br \/>\n<ul class=\"list_check list_color_blue\">\n<li><strong>Framed Horizontale Tabs<\/strong><\/li>\n<li><strong>Mini Tabs Horizontale Tabs<\/strong><\/li>\n<li><strong>Vertical Tabs<\/strong><\/li>\n<\/ul><\/div>\n<div class=\"one_half last\"><h3>Parameters<\/h3>\n<div class=\"divider_line\"><\/div>\n<ul class=\"list_check list_color_blue\">\n<li><strong>tabs<\/strong> the shortcode wrapper<\/li>\n<li><strong>tab<\/strong> the tab panel<\/li>\n<li><strong>icon<\/strong> : icon name for tab (optional)<\/li>\n<li><strong>icon_color<\/strong> : color of icon (optional)<\/li>\n<\/ul><\/div><div class=\"clearboth\"><\/div><\/div><div class=\"pane\"><h3>Shortcode Option Panel<\/h3>\n<div class=\"divider_line\"><\/div>\n<figure id=\"image_6177\" class=\"image_styled aligncenter\" style=\"width:596px\">\n\t\t<div class=\"image_frame effect-icon\"><div class=\"image_shadow_wrap\">\n\t\t<a data-fittoview=\"true\" class=\"image_size_medium image_icon_zoom lightbox\" title=\"Tabs Shortcode Option Panel\" href=\"https:\/\/thethemebuilders.review\/smalldemo\/wp-content\/uploads\/2014\/01\/shortcode-tabs.jpg\"><img decoding=\"async\" class=\"image-frame\" alt=\"Tabs Shortcode Option Panel\" src=\"https:\/\/thethemebuilders.review\/smalldemo\/wp-content\/uploads\/2014\/01\/shortcode-tabs.jpg\" data-theme-retina-image=\"false\"  data-thumbnail=\"3238\" data-thumbnail-class=\"IjMyMzgi\" width=\"596\" height=\"1224\" \/><\/a>\n\t\t<\/div><\/div><span class=\"image_caption\">Tabs Shortcode Option Panel<\/span><\/figure><\/div><\/div><\/div>\n<div class=\"divider_padding\"><\/div>\n<h2>Tabs<\/h2>\n<div class=\"tabs_container\"><ul class=\"tabs\"><li><a href=\"#\"><i class=\"theme-icon icon-check\" style=\"color:#3cabce\"><\/i>Tab 1<\/a><\/li><li><a href=\"#\"><i class=\"theme-icon icon-check\" style=\"color:#3cabce\"><\/i>Tab 2<\/a><\/li><li><a href=\"#\"><i class=\"theme-icon icon-check\" style=\"color:#3cabce\"><\/i>Tab 3<\/a><\/li><\/ul><div class=\"panes\"><div class=\"pane\"><div>Mauris ultricies.<\/div>\n<p> Nam feugiat egestas nulla. Donec augue dui, molestie sed, tristique sit amet, blandit eu, turpis. Mauris hendrerit, nisi et sodales tempor, orci tellus laoreet elit, sed molestie dui quam vitae dui.<br \/><\/div><div class=\"pane\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra, leo sit amet auctor fermentum, risus lorem posuere tortor, in accumsan purus magna imperdiet sem.<br \/><\/div><div class=\"pane\">In sed dolor. Etiam eget quam ac nibh pharetra adipiscing. Nullam vitae ligula. Sed sit amet leo sit amet arcu mollis ultrices. Vivamus rhoncus sapien nec lorem. In mattis nisi. Vivamus at enim. Integer semper imperdiet massa. Vestibulum nulla massa, pretium quis, porta id, vestibulum vitae, velit.<br \/><\/div><\/div><\/div>\n<code class=\"code\">&#91;tabs&#93;\n\t&#91;tab title=\"title 1\" icon=\"check\" icon_color=\"#3cabce\"&#93;\n\t\tcontents\n\t&#91;\/tab&#93;\n\t&#91;tab title=\"title 2\" icon=\"check\" icon_color=\"#3cabce\"&#93;\n\t\tcontents\n\t&#91;\/tab&#93;\n&#91;\/tabs&#93;<\/code>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n<h2>Mini tabs<\/h2>\n<div class=\"mini_tabs_container\"><ul class=\"mini_tabs\"><li><a href=\"#\">Tab 1<\/a><\/li><li><a href=\"#\">Tab 2<\/a><\/li><li><a href=\"#\">Tab 3<\/a><\/li><\/ul><div class=\"panes\"><div class=\"pane\">Mauris ultricies. Nam feugiat egestas nulla. Donec augue dui, molestie sed, tristique sit amet, blandit eu, turpis. Mauris hendrerit, nisi et sodales tempor, orci tellus laoreet elit, sed molestie dui quam vitae dui.<br \/><\/div><div class=\"pane\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra, leo sit amet auctor fermentum, risus lorem posuere tortor, in accumsan purus magna imperdiet sem.<br \/><\/div><div class=\"pane\">In sed dolor. Etiam eget quam ac nibh pharetra adipiscing. Nullam vitae ligula. Sed sit amet leo sit amet arcu mollis ultrices. Vivamus rhoncus sapien nec lorem. In mattis nisi. Vivamus at enim. Integer semper imperdiet massa. Vestibulum nulla massa, pretium quis, porta id, vestibulum vitae, velit.<br \/><\/div><\/div><\/div>\n<code class=\"code\">&#91;mini_tabs&#93;\n\t&#91;tab title=\"title 1\"&#93;\n\t\tcontents\n\t&#91;\/tab&#93;\n\t&#91;tab title=\"title 2\"&#93;\n\t\tcontents\n\t&#91;\/tab&#93;\n&#91;\/mini_tabs&#93;<\/code>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n<div class=\"tabs_container\"><ul class=\"tabs\"><li><a href=\"#\"><i class=\"theme-icon icon-check\" style=\"color:#3cabce\"><\/i>Parameters<\/a><\/li><li><a href=\"#\"><i class=\"theme-icon icon-check\" style=\"color:#3cabce\"><\/i>Shortcode Option Panel<\/a><\/li><\/ul><div class=\"panes\"><div class=\"pane\"><h3>Parameters<\/h3>\n<div class=\"divider_line\"><\/div>\n<ul class=\"list_check list_color_blue\">\n<li><strong>accordions<\/strong> the shortcode wrapper<\/li>\n<li><strong>accordion<\/strong> the accordion panel<\/li>\n<li><strong>icon<\/strong> : icon name for tab (optional)<\/li>\n<li><strong>icon_color<\/strong> : color of icon (optional)<\/li>\n<\/ul><\/div><div class=\"pane\"><h3>Shortcode Option Panel<\/h3>\n<div class=\"divider_line\"><\/div>\n<figure id=\"image_1957\" class=\"image_styled aligncenter\" style=\"width:602px\">\n\t\t<div class=\"image_frame effect-icon\"><div class=\"image_shadow_wrap\">\n\t\t<a data-fittoview=\"true\" class=\"image_size_medium image_icon_zoom lightbox\" title=\"Accordion Shortcode Option Panel\" href=\"https:\/\/thethemebuilders.review\/smalldemo\/wp-content\/uploads\/2014\/01\/Shortcode_Accordion.png\"><img decoding=\"async\" class=\"image-frame\" alt=\"Accordion Shortcode Option Panel\" src=\"https:\/\/thethemebuilders.review\/smalldemo\/wp-content\/uploads\/strikingr\/images\/3248_Shortcode_Accordion-600x1201.png\" data-theme-retina-image=\"false\"  data-thumbnail=\"3248\" data-thumbnail-class=\"IjMyNDgi\" width=\"602\" height=\"1201\" \/><\/a>\n\t\t<\/div><\/div><span class=\"image_caption\">Accordion Shortcode Option Panel<\/span><\/figure><\/div><\/div><\/div>\n<h2>Accordion<\/h2>\n<div class=\"one_third\"><div class=\"accordion\"><div class=\"tab\"><a href=\"#\">Accordion 1<\/a><\/div><div class=\"pane\">Mauris ultricies. Nam feugiat egestas nulla. Donec augue dui, molestie sed, tristique sit amet, blandit eu, turpis. Mauris hendrerit, nisi et sodales tempor, orci tellus laoreet elit, sed molestie dui quam vitae dui.<br \/><\/div><div class=\"tab\"><a href=\"#\">Accordion 2<\/a><\/div><div class=\"pane\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra, leo sit amet auctor fermentum, risus lorem posuere tortor, in accumsan purus magna imperdiet sem.<br \/><\/div><div class=\"tab\"><a href=\"#\">Accordion 3<\/a><\/div><div class=\"pane\">In sed dolor. Etiam eget quam ac nibh pharetra adipiscing. Nullam vitae ligula. Sed sit amet leo sit amet arcu mollis ultrices. Vivamus rhoncus sapien nec lorem. In mattis nisi. Vivamus at enim.<br \/><\/div><\/div><\/div>\n<div class=\"two_third last\">Donec nec nisi mi. Sed malesuada ante eget ligula tristique congue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce ullamcorper, nunc et luctus vulputate, sapien metus gravida enim, eu tempor urna mauris a enim. Cras eu massa enim. In hac habitasse platea dictumst. Cras bibendum porttitor turpis, eu sodales velit ultricies id. Etiam egestas malesuada lectus non ornare. Nullam sed tellus ac tellus fermentum vehicula vel non orci. Maecenas sem magna, bibendum id elementum vel, luctus ac velit. In posuere diam in sapien blandit iaculis. Aliquam erat volutpat. Nunc id sem id orci viverra consectetur. Aenean elementum varius turpis, in rhoncus magna ultricies quis. Nullam dignissim gravida elit ac semper. Maecenas vel erat in urna fringilla mattis. Maecenas ultrices posuere tempus. Sed nunc ipsum, suscipit eget tincidunt vel, aliquet a enim. Integer viverra convallis enim id facilisis.<br \/><\/div><div class=\"clearboth\"><\/div>\nNullam auctor fermentum sodales. Cras tortor urna, dictum at sollicitudin eget, adipiscing sed odio. Vestibulum a fermentum nisl. Sed dui erat, tempus vitae condimentum sed, dapibus eu risus. Integer et magna sed felis viverra placerat eu quis eros. Donec non placerat quam. Sed lorem lorem, porta ut volutpat ut, ultricies eu velit. Donec non turpis elit, ut ultrices mauris. Duis vitae congue augue. Maecenas sed ante ligula. <\/p>\n<code class=\"code\">&#91;accordions&#93;\n\t&#91;accordion title=\"title 1\"&#93;\n\t\tcontents\n\t&#91;\/accordion&#93;\n\t&#91;accordion title=\"title 2\"&#93;\n\t\tcontents\n\t&#91;\/accordion&#93;\n&#91;\/accordions&#93;<\/code>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n<div class=\"tabs_container\"><ul class=\"tabs\"><li><a href=\"#\"><i class=\"theme-icon icon-check\" style=\"color:#3cabce\"><\/i>Parameters<\/a><\/li><li><a href=\"#\"><i class=\"theme-icon icon-check\" style=\"color:#3cabce\"><\/i>Shortcode Option Panel<\/a><\/li><\/ul><div class=\"panes\"><div class=\"pane\"><h3>Parameters<\/h3>\n<div class=\"divider_line\"><\/div>\n<ul class=\"list_check list_color_blue\">\n<li><strong>title<\/strong> the toggle titler<\/li>\n<li><strong>open<\/strong> : true, false (optional)<\/li>\n<li><strong>iconColor<\/strong> (optional)<\/li>\n<li><strong>titleSize<\/strong> sise in pixels (optional)<\/li>\n<li><strong>align<\/strong> left, right(optional)<\/li>\n<\/ul><\/div><div class=\"pane\"><h3>Shortcode Option Panel<\/h3>\n<div class=\"divider_line\"><\/div>\n<figure id=\"image_6254\" class=\"image_styled aligncenter\" style=\"width:602px\">\n\t\t<div class=\"image_frame effect-icon\"><div class=\"image_shadow_wrap\">\n\t\t<a data-fittoview=\"true\" class=\"image_size_medium image_icon_zoom lightbox\" title=\"Toggle Shortcode Option Panel\" href=\"https:\/\/thethemebuilders.review\/smalldemo\/wp-content\/uploads\/2014\/01\/Shortcode_Toggle.png\"><img decoding=\"async\" class=\"image-frame\" alt=\"Toggle Shortcode Option Panel\" src=\"https:\/\/thethemebuilders.review\/smalldemo\/wp-content\/uploads\/strikingr\/images\/3249_Shortcode_Toggle-600x903.png\" data-theme-retina-image=\"false\"  data-thumbnail=\"3249\" data-thumbnail-class=\"IjMyNDki\" width=\"602\" height=\"903\" \/><\/a>\n\t\t<\/div><\/div><span class=\"image_caption\">Toggle Shortcode Option Panel<\/span><\/figure><\/div><\/div><\/div>\n<h2>Toggle Content<\/h2>\n<div class=\"toggle toggle_left\"><h4 class=\"toggle_title\"><i class=\"toggle_icon\"><\/i><span class=\"toggle-title\">Click me to show\/hide content<\/span><\/h4><div class=\"toggle_content\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla blandit tempor diam, ut fringilla lorem convallis ac. Suspendisse dignissim dolor a est lobortis cursus. Nulla in odio id eros elementum dapibus. Fusce gravida dolor id turpis faucibus non varius turpis adipiscing.<br \/><\/div><\/div>\n<div class=\"toggle toggle_left\"><h4 class=\"toggle_title\"><i class=\"toggle_icon\"><\/i><span class=\"toggle-title\">Click me to show\/hide content<\/span><\/h4><div class=\"toggle_content\">Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec ac tellus in nunc molestie viverra. Donec lectus massa, lobortis a fermentum eu, imperdiet sed orci. Morbi consequat est non nibh convallis quis viverra erat luctus.<br \/><\/div><\/div>\n<code class=\"code\">&#91;toggle title=\"title\"&#93;\n\tcontents\n&#91;\/toggle&#93;<\/code>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Tabs Mini tabs Accordion Nullam auctor fermentum sodales. Cras tortor urna, dictum at sollicitudin eget, adipiscing sed odio. Vestibulum a fermentum nisl. Sed dui erat, tempus vitae condimentum sed, dapibus eu risus. Integer et magna sed felis viverra placerat eu quis eros. Donec non placerat quam. Sed lorem lorem, porta ut volutpat ut, ultricies eu &#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":121,"menu_order":82,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-138","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thethemebuilders.review\/smalldemo\/wp-json\/wp\/v2\/pages\/138","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thethemebuilders.review\/smalldemo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thethemebuilders.review\/smalldemo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thethemebuilders.review\/smalldemo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thethemebuilders.review\/smalldemo\/wp-json\/wp\/v2\/comments?post=138"}],"version-history":[{"count":0,"href":"https:\/\/thethemebuilders.review\/smalldemo\/wp-json\/wp\/v2\/pages\/138\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/thethemebuilders.review\/smalldemo\/wp-json\/wp\/v2\/pages\/121"}],"wp:attachment":[{"href":"https:\/\/thethemebuilders.review\/smalldemo\/wp-json\/wp\/v2\/media?parent=138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}