{"id":102,"date":"2012-09-03T22:26:22","date_gmt":"2012-09-03T22:26:22","guid":{"rendered":"http:\/\/simplicitywp.olegnax.com\/?page_id=102"},"modified":"2012-09-03T22:26:22","modified_gmt":"2012-09-03T22:26:22","slug":"tabs-toggles-shortcodes","status":"publish","type":"page","link":"https:\/\/www.jaszapatiszatocsbolt.hu\/index.php\/shortcodes\/tabs-toggles-shortcodes\/","title":{"rendered":"TABS &#038; TOGGLES SHORTCODES"},"content":{"rendered":"<h4>How to add tabs or toggles to page<\/h4>\n<p>To add tabs or toggles to your page simply click on tabs or toggles shortcode button, that can be found integrated in default editor panel in visual mode.<\/p>\n<p><img src=\"http:\/\/simplicitywp.olegnax.com\/wp-content\/uploads\/2012\/09\/toggle_tabs.png\" alt=\"\" title=\"toggle_tabs\" class=\"imgborder alignnone size-full wp-image-771\" \/><br \/>\n<\/p>\n<h4>Toggles<\/h4>\n<div class=\"toggle toggle-white\"><h4 class=\"trigger \"><span class=\"t_ico\"><\/span><a href=\"#\">First Sample Toggle<\/a><\/h4><div class=\"toggle_container  \">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac sapien mi. Pellentesque et tellus ut mi cursus auctor sit amet sit amet orci. In condimentum elementum elit, dictum varius felis commodo et. Sed consectetur, felis ac ultrices sollicitudin, lorem augue pretium nisi, et euismod lectus mi id velit. Suspendisse viverra arcu eleifend magna posuere at posuere nibh sagittis. Cras dolor odio, fermentum vitae scelerisque a, dictum vel ante. Duis tellus mauris, accumsan vel porta vitae, molestie nec elit. Fusce rhoncus pharetra mi sed consequat. Donec cursus faucibus felis ac bibendum.<\/div><\/div>\n<div class=\"toggle toggle-white\"><h4 class=\"trigger \"><span class=\"t_ico\"><\/span><a href=\"#\">Second Sample Toggle<\/a><\/h4><div class=\"toggle_container  \">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac sapien mi. Pellentesque et tellus ut mi cursus auctor sit amet sit amet orci. In condimentum elementum elit, dictum varius felis commodo et.  In condimentum elementum elit, dictum varius felis commodo et. Sed consectetur, felis ac ultrices sollicitudin, lorem augue pretium nisi, et euismod lectus mi id velit.Sed consectetur, felis ac ultrices sollicitudin, lorem augue pretium nisi, et euismod lectus mi id velit. Suspendisse viverra arcu eleifend magna posuere at posuere nibh sagittis. Cras dolor odio, fermentum vitae scelerisque a, dictum vel ante. Duis tellus mauris, accumsan vel porta vitae, molestie nec elit. Fusce rhoncus pharetra mi sed consequat. Donec cursus faucibus felis ac bibendum.<\/div><\/div>\n<div class=\"toggle toggle-white\"><h4 class=\"trigger \"><span class=\"t_ico\"><\/span><a href=\"#\">Third Sample Toggle<\/a><\/h4><div class=\"toggle_container  \">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac sapien mi. Pellentesque et tellus ut mi cursus auctor sit amet sit amet orci. Suspendisse viverra arcu eleifend magna posuere at posuere nibh sagittis. Cras dolor odio, fermentum vitae scelerisque a, dictum vel ante. Duis tellus mauris, accumsan vel porta vitae, molestie nec elit. Fusce rhoncus pharetra mi sed consequat. Donec cursus faucibus felis ac bibendum.<\/div><\/div><div class='clearfix'><\/div>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac sapien mi. Pellentesque et tellus ut mi cursus auctor sit amet sit amet orci. In condimentum elementum elit, dictum varius felis commodo et. Sed consectetur, felis ac ultrices sollicitudin, lorem augue pretium nisi, et euismod lectus mi id velit. Suspendisse viverra arcu eleifend magna posuere at posuere nibh sagittis. Cras dolor odio, fermentum vitae scelerisque a, dictum vel ante. Duis tellus mauris, accumsan vel porta vitae, molestie nec elit. Fusce rhoncus pharetra mi sed consequat. Donec cursus faucibus felis ac bibendum.<br \/>\n<\/p>\n<h4>Tabs<\/h4>\n<div class=\"tabacc\"><ul class=\"tabs\">\r\n\r\n  <li><a href=\"#tabs-1\">Tab 1<\/a><\/li>\r\n\r\n<\/ul>\r\n<div class=\"panel entry-content\" id=\"tabs-1\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac sapien mi. Pellentesque et tellus ut mi cursus auctor sit amet sit amet orci. In condimentum elementum elit, dictum varius felis commodo et. Sed consectetur, felis ac ultrices sollicitudin, lorem augue pretium nisi, et euismod lectus mi id velit. Suspendisse viverra arcu eleifend magna posuere at posuere nibh sagittis. Cras dolor odio, fermentum vitae scelerisque a, dictum vel ante. Duis tellus mauris, accumsan vel porta vitae, molestie nec elit. Fusce rhoncus pharetra mi sed consequat. Donec cursus faucibus felis ac bibendum.<\/div><ul class=\"tabs\">\r\n\r\n  <li><a href=\"#tabs-2\">Tab 2<\/a><\/li>\r\n\r\n<\/ul>\r\n<div class=\"panel entry-content\" id=\"tabs-2\">In condimentum elementum elit, dictum varius felis commodo et. Sed consectetur, felis ac ultrices sollicitudin, lorem augue pretium nisi, et euismod lectus mi id velit.<\/div><ul class=\"tabs\">\r\n\r\n  <li><a href=\"#tabs-3\">Tab 3<\/a><\/li>\r\n\r\n<\/ul>\r\n<div class=\"panel entry-content\" id=\"tabs-3\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac sapien mi.Cras dolor odio, fermentum vitae scelerisque a, dictum vel ante. Duis tellus mauris, accumsan vel porta vitae, molestie nec elit. Fusce rhoncus pharetra mi sed consequat. Donec cursus faucibus felis ac bibendum.<\/div><\/div>\n\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac sapien mi. Pellentesque et tellus ut mi cursus auctor sit amet sit amet orci. In condimentum elementum elit, dictum varius felis commodo et. Sed consectetur, felis ac ultrices sollicitudin, lorem augue pretium nisi, et euismod lectus mi id velit. Suspendisse viverra arcu eleifend magna posuere at posuere nibh sagittis. Cras dolor odio, fermentum vitae scelerisque a, dictum vel ante. Duis tellus mauris, accumsan vel porta vitae, molestie nec elit. Fusce rhoncus pharetra mi sed consequat. Donec cursus faucibus felis ac bibendum.<\/p>\n<hr\/>\n<h4>Sample Code Toggles<\/h4>\n<pre><code>&#091;toggle type=\"white\" title=\"First Sample Toggle\"&#093;Lorem ipsum dolor ... faucibus felis ac bibendum.&#091;\/toggle&#093;\n&#091;toggle type=\"white\" title=\"Second Sample Toggle\"&#093;Lorem ipsum dolor .. ac bibendum.&#091;\/toggle&#093;\n&#091;toggle type=\"white\" title=\"Third Sample Toggle\"&#093;Lorem ipsum dolor ... bibendum.&#091;\/toggle&#093;&#091;clear&#093;<\/code><\/pre>\n<p><\/p>\n<h4>Sample Code Tabs<\/h4>\n<pre><code>&#091;tabgroup&#093;\n&#091;tab title=\"Tab 1\"&#093;Lorem ipsum dolor ... bibendum.&#091;\/tab&#093;\n&#091;tab title=\"Tab 2\"&#093;In condimentum ... id velit.&#091;\/tab&#093;\n&#091;tab title=\"Tab 3\"&#093;Lorem ipsum dolor ... bibendum.&#091;\/tab&#093;\n&#091;\/tabgroup&#093;<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>How to add tabs or toggles to page To add tabs or toggles to your page simply click on tabs or toggles shortcode button, that can be found integrated in default editor panel in visual mode. Toggles Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac sapien mi. Pellentesque et tellus ut mi cursus&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":94,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-leftsidebar.php","meta":[],"_links":{"self":[{"href":"https:\/\/www.jaszapatiszatocsbolt.hu\/index.php\/wp-json\/wp\/v2\/pages\/102"}],"collection":[{"href":"https:\/\/www.jaszapatiszatocsbolt.hu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.jaszapatiszatocsbolt.hu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.jaszapatiszatocsbolt.hu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jaszapatiszatocsbolt.hu\/index.php\/wp-json\/wp\/v2\/comments?post=102"}],"version-history":[{"count":0,"href":"https:\/\/www.jaszapatiszatocsbolt.hu\/index.php\/wp-json\/wp\/v2\/pages\/102\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.jaszapatiszatocsbolt.hu\/index.php\/wp-json\/wp\/v2\/pages\/94"}],"wp:attachment":[{"href":"https:\/\/www.jaszapatiszatocsbolt.hu\/index.php\/wp-json\/wp\/v2\/media?parent=102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}