{"id":4186,"date":"2014-12-11T10:03:41","date_gmt":"2014-12-11T10:03:41","guid":{"rendered":"http:\/\/capethemes.com\/demo\/styleblog\/?page_id=4186"},"modified":"2014-12-11T10:03:41","modified_gmt":"2014-12-11T10:03:41","slug":"tabs","status":"publish","type":"page","link":"https:\/\/blogs.themnific.com\/marlow\/shortcodes-2\/tabs\/","title":{"rendered":"Tabs"},"content":{"rendered":"<h3>Default tabs<\/h3>\n<div class=\"su-tabs su-tabs-style-default su-tabs-mobile-stack\" data-active=\"1\" data-scroll-offset=\"0\" data-anchor-in-url=\"no\"><div class=\"su-tabs-nav\"><span class=\"\" data-url=\"\" data-target=\"blank\" tabindex=\"0\" role=\"button\">Tab 1<\/span><span class=\"\" data-url=\"\" data-target=\"blank\" tabindex=\"0\" role=\"button\">Tab 2<\/span><span class=\"\" data-url=\"\" data-target=\"blank\" tabindex=\"0\" role=\"button\">Tab 3<\/span><\/div><div class=\"su-tabs-panes\"><div class=\"su-tabs-pane su-u-clearfix su-u-trim\" data-title=\"Tab 1\"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse bibendum congue sapien quis ornare. Etiam semper faucibus ultrices. Mauris et dapibus quam.  <\/div>\n<div class=\"su-tabs-pane su-u-clearfix su-u-trim\" data-title=\"Tab 2\"> Cras molestie posuere magna eget bibendum. Integer finibus purus condimentum lectus congue hendrerit. <\/div>\n<div class=\"su-tabs-pane su-u-clearfix su-u-trim\" data-title=\"Tab 3\"> Phasellus suscipit enim a accumsan semper. Nam tincidunt, libero at aliquam cursus, ipsum tortor fermentum velit, at facilisis lacus justo eget turpis. <\/div><\/div><\/div>\n<h3>Custom active tab<\/h3>\n<div class=\"su-tabs su-tabs-style-default su-tabs-mobile-stack\" data-active=\"2\" data-scroll-offset=\"0\" data-anchor-in-url=\"no\"><div class=\"su-tabs-nav\"><span class=\"\" data-url=\"\" data-target=\"blank\" tabindex=\"0\" role=\"button\">Tab 1<\/span><span class=\"\" data-url=\"\" data-target=\"blank\" tabindex=\"0\" role=\"button\">Tab 2<\/span><span class=\"\" data-url=\"\" data-target=\"blank\" tabindex=\"0\" role=\"button\">Tab 3<\/span><\/div><div class=\"su-tabs-panes\"><div class=\"su-tabs-pane su-u-clearfix su-u-trim\" data-title=\"Tab 1\"> Phasellus suscipit enim a accumsan semper. Nam tincidunt, libero at aliquam cursus, ipsum tortor fermentum velit, at facilisis lacus justo eget turpis. <\/div>\n<div class=\"su-tabs-pane su-u-clearfix su-u-trim\" data-title=\"Tab 2\"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse bibendum congue sapien quis ornare. Etiam semper faucibus ultrices. Mauris et dapibus quam. <\/div>\n<div class=\"su-tabs-pane su-u-clearfix su-u-trim\" data-title=\"Tab 3\"> Tab 3 content <\/div><\/div><\/div>\n<h3>Vertical tabs<\/h3>\n<div class=\"su-tabs su-tabs-style-default su-tabs-mobile-stack su-tabs-vertical\" data-active=\"1\" data-scroll-offset=\"0\" data-anchor-in-url=\"no\"><div class=\"su-tabs-nav\"><span class=\"\" data-url=\"\" data-target=\"blank\" tabindex=\"0\" role=\"button\">Tab 1<\/span><span class=\"\" data-url=\"\" data-target=\"blank\" tabindex=\"0\" role=\"button\">Tab 2<\/span><span class=\"\" data-url=\"\" data-target=\"blank\" tabindex=\"0\" role=\"button\">Tab 3<\/span><\/div><div class=\"su-tabs-panes\"><div class=\"su-tabs-pane su-u-clearfix su-u-trim\" data-title=\"Tab 1\"> Phasellus suscipit enim a accumsan semper. Nam tincidunt, libero at aliquam cursus, ipsum tortor fermentum velit, at facilisis lacus justo eget turpis. <\/div>\n<div class=\"su-tabs-pane su-u-clearfix su-u-trim\" data-title=\"Tab 2\"> Phasellus suscipit enim a accumsan semper. Nam tincidunt, libero at aliquam cursus, ipsum tortor fermentum velit, at facilisis lacus justo eget turpis.<\/div>\n<div class=\"su-tabs-pane su-u-clearfix su-u-trim\" data-title=\"Tab 3\"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse bibendum congue sapien quis ornare. Etiam semper faucibus ultrices. Mauris et dapibus quam. <\/div><\/div><\/div>\n<h3>Disabled tabs<\/h3>\n<div class=\"su-tabs su-tabs-style-default su-tabs-mobile-stack\" data-active=\"1\" data-scroll-offset=\"0\" data-anchor-in-url=\"no\"><div class=\"su-tabs-nav\"><span class=\"\" data-url=\"\" data-target=\"blank\" tabindex=\"0\" role=\"button\">Tab 1<\/span><span class=\"\" data-url=\"\" data-target=\"blank\" tabindex=\"0\" role=\"button\">Tab 2<\/span><span class=\"\" data-url=\"\" data-target=\"blank\" tabindex=\"0\" role=\"button\">Tab 3<\/span><span class=\" su-tabs-disabled\" data-url=\"\" data-target=\"blank\" tabindex=\"0\" role=\"button\">Tab 4 (disabled)<\/span><span class=\" su-tabs-disabled\" data-url=\"\" data-target=\"blank\" tabindex=\"0\" role=\"button\">Tab 5 (disabled)<\/span><\/div><div class=\"su-tabs-panes\"><div class=\"su-tabs-pane su-u-clearfix su-u-trim\" data-title=\"Tab 1\"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse bibendum congue sapien quis ornare. Etiam semper faucibus ultrices. Mauris et dapibus quam. <\/div>\n<div class=\"su-tabs-pane su-u-clearfix su-u-trim\" data-title=\"Tab 2\"> Phasellus suscipit enim a accumsan semper. Nam tincidunt, libero at aliquam cursus, ipsum tortor fermentum velit, at facilisis lacus justo eget turpis. <\/div>\n<div class=\"su-tabs-pane su-u-clearfix su-u-trim\" data-title=\"Tab 3\"> Tab 3 content <\/div>\n<div class=\"su-tabs-pane su-u-clearfix su-u-trim\" data-title=\"Tab 4 (disabled)\"> Tab 4 content <\/div>\n<div class=\"su-tabs-pane su-u-clearfix su-u-trim\" data-title=\"Tab 5 (disabled)\"> Tab 5 content <\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<div class=\"tmnf_excerpt clearfix\"><p>Default tabs Custom active tab Vertical tabs Disabled tabs<\/p>\n<\/div>","protected":false},"author":1,"featured_media":0,"parent":561,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-4186","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/blogs.themnific.com\/marlow\/wp-json\/wp\/v2\/pages\/4186","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.themnific.com\/marlow\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blogs.themnific.com\/marlow\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.themnific.com\/marlow\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.themnific.com\/marlow\/wp-json\/wp\/v2\/comments?post=4186"}],"version-history":[{"count":0,"href":"https:\/\/blogs.themnific.com\/marlow\/wp-json\/wp\/v2\/pages\/4186\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/blogs.themnific.com\/marlow\/wp-json\/wp\/v2\/pages\/561"}],"wp:attachment":[{"href":"https:\/\/blogs.themnific.com\/marlow\/wp-json\/wp\/v2\/media?parent=4186"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}