{"id":102,"date":"2012-07-31T14:38:40","date_gmt":"2012-07-31T12:38:40","guid":{"rendered":"http:\/\/themes.tielabs.com\/365news\/?page_id=102"},"modified":"2015-08-14T11:09:22","modified_gmt":"2015-08-14T09:09:22","slug":"tabs-and-toggles","status":"publish","type":"page","link":"https:\/\/www.madamagazine.com\/en\/shortcodes\/tabs-and-toggles\/","title":{"rendered":"Tabs and Toggles"},"content":{"rendered":"<h2>Toggles Blocks<\/h2>\n\n\t\t<div class=\"clear\"><\/div>\n\t\t<div class=\"toggle tie-sc-open\">\n\t\t\t<h3 class=\"toggle-head\">Your Title 1 <i class=\"fa fa-angle-down\" aria-hidden=\"true\"><\/i><\/h3>\n\t\t\t<div class=\"toggle-content\">suscipit sed at montes at tellus. Aliquam nisl penatibus commodo massa mi rutrum, ut massa mollis dolor dui at, tortor ullamcorper vel diam pretium sit leo, pellentesque in leo eu mauris mollis aliquam, ultricies adipiscing eu a dui sollicitudin posuere. Massa vivamus ac ipsum, pede enim quam sit, mus aliquam amet pede quis laboriosam.\n\t\t\t<\/div>\n\t\t<\/div>\n\t\n<code>\n\t\t<div class=\"clear\"><\/div>\n\t\t<div class=\"toggle tie-sc-open\">\n\t\t\t<h3 class=\"toggle-head\">Your Title 1 <i class=\"fa fa-angle-down\" aria-hidden=\"true\"><\/i><\/h3>\n\t\t\t<div class=\"toggle-content\">some text\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/code><\/p>\n\n\t\t<div class=\"clear\"><\/div>\n\t\t<div class=\"toggle tie-sc-close\">\n\t\t\t<h3 class=\"toggle-head\">Your Title 2 <i class=\"fa fa-angle-down\" aria-hidden=\"true\"><\/i><\/h3>\n\t\t\t<div class=\"toggle-content\"> <span class=\"dropcap \">S<\/span>uscipit sed at montes at tellus. Aliquam nisl penatibus commodo massa mi rutrum, ut massa mollis dolor dui at, tortor ullamcorper vel diam pretium sit leo, pellentesque in leo eu mauris mollis aliquam, ultricies adipiscing eu a dui sollicitudin posuere. Massa vivamus ac ipsum, pede enim quam sit, mus aliquam amet pede quis laboriosam.\n\t\t\t<\/div>\n\t\t<\/div>\n\t\n<code>\n\t\t<div class=\"clear\"><\/div>\n\t\t<div class=\"toggle tie-sc-close\">\n\t\t\t<h3 class=\"toggle-head\">Your Title 1 <i class=\"fa fa-angle-down\" aria-hidden=\"true\"><\/i><\/h3>\n\t\t\t<div class=\"toggle-content\">some text\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/code><\/p>\n<p>&nbsp;<\/p>\n<h2>Tabs<\/h2>\n\n\t<script type=\"text\/javascript\">\tjQuery(document).ready(function($){\tjQuery(\"ul.tabs-nav\").tabs(\"> .pane\"); }); <\/script>\n\n\t\t<div class=\"post-tabs\">\n\t\t<ul class=\"tabs-nav\"><li>Title 1<\/li><li>Title 2<\/li><li>Title 3<\/li><\/ul>\n\t\t<div class=\"pane\">\n\t\t<span class=\"dropcap \">S<\/span>uscipit sed at montes at tellus. Aliquam nisl penatibus commodo massa mi rutrum, ut massa mollis dolor dui at, tortor ullamcorper vel diam pretium sit leo, pellentesque in leo eu mauris mollis aliquam, ultricies adipiscing eu a dui sollicitudin posuere. Massa vivamus ac ipsum, pede enim quam sit, mus aliquam amet pede quis laboriosam.\n\t\t<\/div>\n\t\n\t\t<div class=\"pane\">\n\t\tAenean in pharetra arcu class in, justo orci varius, sociosqu in ante massa wisi, vestibulum vitae aenean ante. Lectus neque congue, mi mi natoque vivamus nostra. Cras enim ultricies, commodo sed vivamus. Aute vel feugiat odio in nunc mauris, nunc tortor aenean sed urna, tellus vitae duis urna nunc fringilla, tempus morbi orci vitae sed duis.\n\t\t<\/div>\n\t\n\t\t<div class=\"pane\">\n\t\tMolestias ultricies, ante quam urna ut volutpat, egestas dolor dui, nec hac ultrices nulla non netus. Placerat vehicula donec non suscipit egestas, augue vel suspendisse. Et felis venenatis blandit sed est ultrices, adipiscing urna, at aliquam nullam facilisis aliquet sapien\n\t\t<\/div>\n\t\n\t\t<\/div>\n\t\n<p><code>\n\t<script type=\"text\/javascript\">\tjQuery(document).ready(function($){\tjQuery(\"ul.tabs-nav\").tabs(\"> .pane\"); }); <\/script>\n\n\t\t<div class=\"post-tabs\">\n\t\t\n<ul class=\"tabs-nav\">\n<li>Title 1<\/li>\n<li>Title 2<\/li>\n<li>Title 3<\/li>\n<\/ul>\n\n\t\t<div class=\"pane\">\n\t\tsome text\n\t\t<\/div>\n\t\n\n\t\t<div class=\"pane\">\n\t\tsome text\n\t\t<\/div>\n\t\n\n\t\t<div class=\"pane\">\n\t\tsome text\n\t\t<\/div>\n\t\n\n\t\t<\/div>\n\t<\/code><\/p>\n\n\t<script type=\"text\/javascript\">\tjQuery(document).ready(function($){\tjQuery(\"ul.tabs-nav\").tabs(\"> .pane\"); }); <\/script>\n\n\t\t<div class=\"post-tabs-ver\">\n\t\t<ul class=\"tabs-nav\"><li>Title 1<\/li><li>Title 2<\/li><li>Title 3<\/li><\/ul>\n\t\t<div class=\"pane\">\n\t\t<span class=\"dropcap \">S<\/span>uscipit sed at montes at tellus. Aliquam nisl penatibus commodo massa mi rutrum, ut massa mollis dolor dui at, tortor ullamcorper vel diam pretium sit leo, pellentesque in leo eu mauris mollis aliquam, ultricies adipiscing eu a dui sollicitudin posuere. Massa vivamus ac ipsum, pede enim quam sit, mus aliquam amet pede quis laboriosam.\n\t\t<\/div>\n\t\n\t\t<div class=\"pane\">\n\t\tAenean in pharetra arcu class in, justo orci varius, sociosqu in ante massa wisi, vestibulum vitae aenean ante. Lectus neque congue, mi mi natoque vivamus nostra. Cras enim ultricies, commodo sed vivamus. Aute vel feugiat odio in nunc mauris, nunc tortor aenean sed urna, tellus vitae duis urna nunc fringilla, tempus morbi orci vitae sed duis.\n\t\t<\/div>\n\t\n\t\t<div class=\"pane\">\n\t\tMolestias ultricies, ante quam urna ut volutpat, egestas dolor dui, nec hac ultrices nulla non netus. Placerat vehicula donec non suscipit egestas, augue vel suspendisse. Et felis venenatis blandit sed est ultrices, adipiscing urna, at aliquam nullam facilisis aliquet sapien\n\t\t<\/div>\n\t\n\t\t<\/div>\n\t\n<p><code>\n\t<script type=\"text\/javascript\">\tjQuery(document).ready(function($){\tjQuery(\"ul.tabs-nav\").tabs(\"> .pane\"); }); <\/script>\n\n\t\t<div class=\"post-tabs-ver\">\n\t\t\n<ul class=\"tabs-nav\">\n<li>Title 1<\/li>\n<li>Title 2<\/li>\n<li>Title 3<\/li>\n<\/ul>\n\n\t\t<div class=\"pane\">\n\t\tsome text\n\t\t<\/div>\n\t\n\n\t\t<div class=\"pane\">\n\t\tsome text\n\t\t<\/div>\n\t\n\n\t\t<div class=\"pane\">\n\t\tsome text\n\t\t<\/div>\n\t\n\n\t\t<\/div>\n\t<\/code><\/p>\n<h2>Author Box<\/h2>\n<div class=\"clear\"><\/div><div class=\"author-info\"><img decoding=\"async\" class=\"author-img\" src=\"https:\/\/0.gravatar.com\/avatar\/2eb5e17a9fe92866be144b89a88dfac0?s=50&amp;d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D50&amp;r=G\" alt=\"\" \/><div class=\"author-info-content\"><h3>\u00dcber die Autorin<\/h3>\n\t\t\tiam wisi quam lorem vestibulum nec nibh, sollicitudin volutpat at libero litora, non adipiscing. iam wisi quam lorem vestibulum nec nibh, sollicitudin volutpat at libero litora, non adipiscing. Nul&#8230; \n\t\t\t<\/div><\/div>\n<code><div class=\"clear\"><\/div><div class=\"author-info\"><img decoding=\"async\" class=\"author-img\" src=\" image URL\" alt=\"\" \/><div class=\"author-info-content\"><h3>\u00dcber die Autorin<\/h3>\n\t\t\t some text \n\t\t\t<\/div><\/div><\/code><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Toggles Blocks &nbsp; Tabs Author Box<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":89,"menu_order":25,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"cybocfi_hide_featured_image":"","footnotes":""},"class_list":["post-102","page","type-page","status-publish",""],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Tabs and Toggles - MADAMAGAZINE<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.madamagazine.com\/en\/shortcodes\/tabs-and-toggles\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tabs and Toggles - MADAMAGAZINE\" \/>\n<meta property=\"og:description\" content=\"Toggles Blocks &nbsp; Tabs Author Box\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.madamagazine.com\/en\/shortcodes\/tabs-and-toggles\/\" \/>\n<meta property=\"og:site_name\" content=\"MADAMAGAZINE\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/MadaMagazine\/\" \/>\n<meta property=\"article:modified_time\" content=\"2015-08-14T09:09:22+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.madamagazine.com\/wp-content\/uploads\/2013\/07\/baobab-trees3.jpg\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.madamagazine.com\/en\/shortcodes\/tabs-and-toggles\/\",\"url\":\"https:\/\/www.madamagazine.com\/en\/shortcodes\/tabs-and-toggles\/\",\"name\":\"Tabs and Toggles - MADAMAGAZINE\",\"isPartOf\":{\"@id\":\"https:\/\/www.madamagazine.com\/en\/#website\"},\"datePublished\":\"2012-07-31T12:38:40+00:00\",\"dateModified\":\"2015-08-14T09:09:22+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.madamagazine.com\/en\/shortcodes\/tabs-and-toggles\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[[\"https:\/\/www.madamagazine.com\/en\/shortcodes\/tabs-and-toggles\/\"]]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.madamagazine.com\/en\/shortcodes\/tabs-and-toggles\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.madamagazine.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"SHORTCODES\",\"item\":\"https:\/\/www.madamagazine.com\/en\/shortcodes\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Tabs and Toggles\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.madamagazine.com\/en\/#website\",\"url\":\"https:\/\/www.madamagazine.com\/en\/\",\"name\":\"MADAMAGAZINE\",\"description\":\"Your Magazine about Madagascar\",\"publisher\":{\"@id\":\"https:\/\/www.madamagazine.com\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.madamagazine.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.madamagazine.com\/en\/#organization\",\"name\":\"MadaMagazine\",\"url\":\"https:\/\/www.madamagazine.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.madamagazine.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.madamagazine.com\/wp-content\/uploads\/baobab-trees3-1024x249-1.jpg\",\"contentUrl\":\"https:\/\/www.madamagazine.com\/wp-content\/uploads\/baobab-trees3-1024x249-1.jpg\",\"width\":1024,\"height\":249,\"caption\":\"MadaMagazine\"},\"image\":{\"@id\":\"https:\/\/www.madamagazine.com\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/MadaMagazine\/\",\"https:\/\/x.com\/Tanalahorizon\",\"https:\/\/www.instagram.com\/tanala75\/\",\"https:\/\/www.youtube.com\/user\/TANALAHORIZON\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tabs and Toggles - MADAMAGAZINE","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.madamagazine.com\/en\/shortcodes\/tabs-and-toggles\/","og_locale":"en_US","og_type":"article","og_title":"Tabs and Toggles - MADAMAGAZINE","og_description":"Toggles Blocks &nbsp; Tabs Author Box","og_url":"https:\/\/www.madamagazine.com\/en\/shortcodes\/tabs-and-toggles\/","og_site_name":"MADAMAGAZINE","article_publisher":"https:\/\/www.facebook.com\/MadaMagazine\/","article_modified_time":"2015-08-14T09:09:22+00:00","og_image":[{"url":"http:\/\/www.madamagazine.com\/wp-content\/uploads\/2013\/07\/baobab-trees3.jpg","type":"","width":"","height":""}],"twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.madamagazine.com\/en\/shortcodes\/tabs-and-toggles\/","url":"https:\/\/www.madamagazine.com\/en\/shortcodes\/tabs-and-toggles\/","name":"Tabs and Toggles - MADAMAGAZINE","isPartOf":{"@id":"https:\/\/www.madamagazine.com\/en\/#website"},"datePublished":"2012-07-31T12:38:40+00:00","dateModified":"2015-08-14T09:09:22+00:00","breadcrumb":{"@id":"https:\/\/www.madamagazine.com\/en\/shortcodes\/tabs-and-toggles\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":[["https:\/\/www.madamagazine.com\/en\/shortcodes\/tabs-and-toggles\/"]]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.madamagazine.com\/en\/shortcodes\/tabs-and-toggles\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.madamagazine.com\/en\/"},{"@type":"ListItem","position":2,"name":"SHORTCODES","item":"https:\/\/www.madamagazine.com\/en\/shortcodes\/"},{"@type":"ListItem","position":3,"name":"Tabs and Toggles"}]},{"@type":"WebSite","@id":"https:\/\/www.madamagazine.com\/en\/#website","url":"https:\/\/www.madamagazine.com\/en\/","name":"MADAMAGAZINE","description":"Your Magazine about Madagascar","publisher":{"@id":"https:\/\/www.madamagazine.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.madamagazine.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.madamagazine.com\/en\/#organization","name":"MadaMagazine","url":"https:\/\/www.madamagazine.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.madamagazine.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.madamagazine.com\/wp-content\/uploads\/baobab-trees3-1024x249-1.jpg","contentUrl":"https:\/\/www.madamagazine.com\/wp-content\/uploads\/baobab-trees3-1024x249-1.jpg","width":1024,"height":249,"caption":"MadaMagazine"},"image":{"@id":"https:\/\/www.madamagazine.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/MadaMagazine\/","https:\/\/x.com\/Tanalahorizon","https:\/\/www.instagram.com\/tanala75\/","https:\/\/www.youtube.com\/user\/TANALAHORIZON"]}]}},"_links":{"self":[{"href":"https:\/\/www.madamagazine.com\/en\/wp-json\/wp\/v2\/pages\/102","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.madamagazine.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.madamagazine.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.madamagazine.com\/en\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.madamagazine.com\/en\/wp-json\/wp\/v2\/comments?post=102"}],"version-history":[{"count":0,"href":"https:\/\/www.madamagazine.com\/en\/wp-json\/wp\/v2\/pages\/102\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.madamagazine.com\/en\/wp-json\/wp\/v2\/pages\/89"}],"wp:attachment":[{"href":"https:\/\/www.madamagazine.com\/en\/wp-json\/wp\/v2\/media?parent=102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}