{"id":102,"date":"2012-07-31T14:38:40","date_gmt":"2012-07-31T14:38:40","guid":{"rendered":"http:\/\/themes.tielabs.com\/365news\/?page_id=102"},"modified":"2012-07-31T14:38:40","modified_gmt":"2012-07-31T14:38:40","slug":"tabs-and-toggles","status":"publish","type":"page","link":"https:\/\/sms.firm.in\/index.php\/tabs-and-toggles\/","title":{"rendered":"Tabs and Toggles"},"content":{"rendered":"<h2>Toggles Blocks<\/h2>\n<div class=\"clear\"><\/div><div class=\"toggle  open\"><h3 class=\"toggle-head-open\"> Your Title 1<i class=\"tieicon-up\"><\/i><\/h3><h3 class=\"toggle-head-close\"> Your Title 1<i class=\"tieicon-down\"><\/i><\/h3><div class=\"toggle-content\">\n\t\t\tsuscipit 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><\/div>\n<code>&#091;toggle title=\"Your Title 1\" state=\"open\"]some text[\/toggle]<\/code><\/p>\n<div class=\"clear\"><\/div><div class=\"toggle  close\"><h3 class=\"toggle-head-open\"> Your Title 2<i class=\"tieicon-up\"><\/i><\/h3><h3 class=\"toggle-head-close\"> Your Title 2<i class=\"tieicon-down\"><\/i><\/h3><div class=\"toggle-content\">\n\t\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\t<\/div><\/div>\n<code>&#091;toggle title=\"Your Title 1\" state=\"close\"]some text&#091;\/toggle]<\/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>&#091;tabs type=\"horizontal\"]\n&#091;tabs_head]\n&#091;tab_title]Title 1&#091;\/tab_title]\n&#091;tab_title]Title 2&#091;\/tab_title]\n&#091;tab_title]Title 3&#091;\/tab_title]\n&#091;\/tabs_head]\n&#091;tab]some text &#091;\/tab]\n&#091;tab]some text &#091;\/tab]\n&#091;tab]some text &#091;\/tab]\n&#091;\/tabs]<\/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>&#091;tabs type=\"vertical\"]\n&#091;tabs_head]\n&#091;tab_title]Title 1&#091;\/tab_title]\n&#091;tab_title]Title 2&#091;\/tab_title]\n&#091;tab_title]Title 3&#091;\/tab_title]\n&#091;\/tabs_head]\n&#091;tab]some text&#091;\/tab]\n&#091;tab]some text&#091;\/tab]\n&#091;tab]some text&#091;\/tab]\n[&#091;\/tabs]<\/code><\/p>\n<h2>Author Box<\/h2>\n<div class=\"clear\"><\/div><div class=\"author-info\"><img decoding=\"async\" class=\"author-img\" src=\"http:\/\/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>About The Author<\/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>&#091;author image=\" image URL\"] some text &#091;\/author]<\/code><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Toggles Blocks &#091;toggle title=&#8221;Your Title 1&#8243; state=&#8221;open&#8221;]some text[\/toggle] &#091;toggle title=&#8221;Your Title 1&#8243; state=&#8221;close&#8221;]some text&#091;\/toggle] &nbsp; Tabs &#091;tabs type=&#8221;horizontal&#8221;] &#091;tabs_head] &#091;tab_title]Title 1&#091;\/tab_title] &#091;tab_title]Title 2&#091;\/tab_title] &#091;tab_title]Title 3&#091;\/tab_title] &#091;\/tabs_head] &#091;tab]some text &#091;\/tab] &#091;tab]some text &#091;\/tab] &#091;tab]some text &#091;\/tab] &#091;\/tabs] &#091;tabs type=&#8221;vertical&#8221;] &#091;tabs_head] &#091;tab_title]Title 1&#091;\/tab_title] &#091;tab_title]Title 2&#091;\/tab_title] &#091;tab_title]Title 3&#091;\/tab_title] &#091;\/tabs_head] &#091;tab]some text&#091;\/tab] &#091;tab]some text&#091;\/tab] &#091;tab]some text&#091;\/tab] [&#091;\/tabs] Author Box &#8230;<\/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-102","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sms.firm.in\/index.php\/wp-json\/wp\/v2\/pages\/102","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sms.firm.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sms.firm.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sms.firm.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sms.firm.in\/index.php\/wp-json\/wp\/v2\/comments?post=102"}],"version-history":[{"count":0,"href":"https:\/\/sms.firm.in\/index.php\/wp-json\/wp\/v2\/pages\/102\/revisions"}],"wp:attachment":[{"href":"https:\/\/sms.firm.in\/index.php\/wp-json\/wp\/v2\/media?parent=102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}