{"id":147,"date":"2013-02-23T01:25:40","date_gmt":"2013-02-22T23:25:40","guid":{"rendered":"http:\/\/127.0.0.1:8097\/?p=147"},"modified":"2013-02-23T01:25:40","modified_gmt":"2013-02-22T23:25:40","slug":"togglable-tabs","status":"publish","type":"post","link":"https:\/\/logosplus.ifrbph.md\/?p=147","title":{"rendered":"Togglable tabs"},"content":{"rendered":"<div class=\"bs-docs-example\">\n<div class=\"lp-disclosures\">\n<details class=\"lp-disclosure\" open>\n<summary>Home<\/summary>\n<div>\n<figure class=\"lp-figure\"><a class=\"\" href=\"https:\/\/logosplus.ifrbph.md\/images\/shortcode\/l5.jpg\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/logosplus.ifrbph.md\/images\/shortcode\/l5.jpg\" alt=\"Fusce pellentesque commodo \" loading=\"lazy\" class=\"lp-image\"><\/a><figcaption>Fusce pellentesque commodo <\/figcaption><\/figure>\n<h4>Lorem ipsum dolor sit amet<\/h4>\n<p>\n     Consectetur adipiscing elit. Suspendisse nisi quam, lobortis eu ultrices at; pellentesque ut arcu! Pellentesque eros ipsum, aliquet vel bibendum sed\n    <\/p>\n<p>\n    Donec volutpat, nibh convallis lacinia rutrum, magna augue pretium est, sed lacinia tellus felis in sapien. Phasellus lorem velit, interdum ac luctus eu, sagittis eget neque.\n    <\/p>\n<p>    <a href=\"#\" class=\"btn\"> Read More<\/a>\n    <\/div>\n<\/details>\n<details class=\"lp-disclosure\" open>\n<summary>Profile<\/summary>\n<div>\n<figure class=\"lp-figure\"><a class=\"\" href=\"https:\/\/logosplus.ifrbph.md\/images\/shortcode\/l1.jpg\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/logosplus.ifrbph.md\/images\/shortcode\/l1.jpg\" alt=\"Fusce pellentesque commodo \" loading=\"lazy\" class=\"lp-image\"><\/a><figcaption>Fusce pellentesque commodo <\/figcaption><\/figure>\n<h4>Nulla vitae adipiscing dolor<\/h4>\n<p>\n        Donec non felis in elit imperdiet cursus nec et turpis. Phasellus a purus tortor. In porttitor suscipit massa nec euismod! Aenean turpis erat\n    <\/p>\n<p>\n        Volutpat, nibh convallis lacinia rutrum, magna augue pretium est, sed lacinia tellus felis in sapien. Phasellus lorem velit, interdum ac luctus eu, sagittis eget neque.\n    <\/p>\n<p>    <a href=\"#\" class=\"btn\"> Read More<\/a><\/p><\/div>\n<\/details>\n<details class=\"lp-disclosure\" open>\n<summary>messages<\/summary>\n<div>\n<figure class=\"lp-figure\"><a class=\"\" href=\"https:\/\/logosplus.ifrbph.md\/images\/shortcode\/l2.jpg\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/logosplus.ifrbph.md\/images\/shortcode\/l2.jpg\" alt=\"Fusce pellentesque commodo \" loading=\"lazy\" class=\"lp-image\"><\/a><figcaption>Fusce pellentesque commodo <\/figcaption><\/figure>\n<h4>Sed eget lectus eu elit dictum<\/h4>\n<p>\n     Nunc sem orci, dictum eget sagittis eget, auctor at arcu. Quisque id urna nulla. Vivamus augue neque, faucibus et placerat id, varius eu turpis.<\/p>\n<p>\n    Donec volutpat, nibh convallis lacinia rutrum, magna augue pretium est, sed lacinia tellus felis in sapien. Phasellus lorem velit, interdum ac luctus eu, sagittis eget neque.\n    <\/p>\n<p>    <a href=\"#\" class=\"btn\"> Read More<\/a>\n    <\/div>\n<\/details>\n<details class=\"lp-disclosure\" open>\n<summary>settings<\/summary>\n<div>\n<figure class=\"lp-figure\"><a class=\"\" href=\"https:\/\/logosplus.ifrbph.md\/images\/shortcode\/l3.jpg\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/logosplus.ifrbph.md\/images\/shortcode\/l3.jpg\" alt=\"Fusce pellentesque commodo \" loading=\"lazy\" class=\"lp-image\"><\/a><figcaption>Fusce pellentesque commodo <\/figcaption><\/figure>\n<h4> Pellentesque commodo dui a neque<\/h4>\n<p>\n Consectetur adipiscing elit. Suspendisse nisi quam, lobortis eu ultrices at; pellentesque ut arcu! Pellentesque eros ipsum, aliquet vel bibendum sed\n<\/p>\n<p>\nDonec volutpat, nibh convallis lacinia rutrum, magna augue pretium est, sed lacinia tellus felis in sapien. Phasellus lorem velit, interdum ac luctus eu, sagittis eget neque.\n<\/p>\n<p><a href=\"#\" class=\"btn\"> Read More<\/a>\n<\/div>\n<\/details>\n<\/div>\n<\/div>\n<pre class=\"prettyprint linenums\">&#091;tabs&#093;\r\n    &#091;tab_item title='ITEM_TITLE'&#093; ADD_CONTENT_HERE &#091;\/tab_item&#093;\r\n    &#091;tab_item title='ITEM_TITLE'&#093; ADD_CONTENT_HERE &#091;\/tab_item&#093;\r\n    &#091;tab_item title='ITEM_TITLE'&#093; ADD_CONTENT_HERE &#091;\/tab_item&#093;\r\n    &#091;tab_item title='ITEM_TITLE'&#093; ADD_CONTENT_HERE &#091;\/tab_item&#093;\r\n&#091;\/tabs&#093;\r\n<\/pre>\n<div class=\"bs-docs-example\">\n<div class=\"lp-disclosures\">\n<details class=\"lp-disclosure\" open>\n<summary>Home<\/summary>\n<div>\n<p>Lorem ipsum dolor sit amet Content 1<\/p>\n<\/div>\n<\/details>\n<details class=\"lp-disclosure\" open>\n<summary>Profile<\/summary>\n<div>\n<p>Nulla vitae adipiscing dolor Content 2<\/p>\n<\/div>\n<\/details>\n<details class=\"lp-disclosure\" open>\n<summary>messages<\/summary>\n<div>\n<p>Sed eget lectus eu elit dictum Content 3<\/p>\n<\/div>\n<\/details>\n<details class=\"lp-disclosure\" open>\n<summary>settings<\/summary>\n<div>\n<p> Pellentesque commodo dui a neque Content 4<\/p>\n<\/div>\n<\/details>\n<\/div>\n<div class=\"lp-disclosures\">\n<details class=\"lp-disclosure\" open>\n<summary>Home<\/summary>\n<div>\n<p>Lorem ipsum dolor sit amet Content 1<\/p>\n<\/div>\n<\/details>\n<details class=\"lp-disclosure\" open>\n<summary>Profile<\/summary>\n<div>\n<p>Nulla vitae adipiscing dolor Content 2<\/p>\n<\/div>\n<\/details>\n<details class=\"lp-disclosure\" open>\n<summary>messages<\/summary>\n<div>\n<p>Sed eget lectus eu elit dictum Content 3<\/p>\n<\/div>\n<\/details>\n<details class=\"lp-disclosure\" open>\n<summary>settings<\/summary>\n<div>\n<p> Pellentesque commodo dui a neque Content 4<\/p>\n<\/div>\n<\/details>\n<\/div>\n<div class=\"lp-disclosures\">\n<details class=\"lp-disclosure\" open>\n<summary>Home<\/summary>\n<div>\n<p>Lorem ipsum dolor sit amet Content 1<\/p>\n<\/div>\n<\/details>\n<details class=\"lp-disclosure\" open>\n<summary>Profile<\/summary>\n<div>\n<p>Nulla vitae adipiscing dolor Content 2<\/p>\n<\/div>\n<\/details>\n<details class=\"lp-disclosure\" open>\n<summary>messages<\/summary>\n<div>\n<p>Sed eget lectus eu elit dictum Content 3<\/p>\n<\/div>\n<\/details>\n<details class=\"lp-disclosure\" open>\n<summary>settings<\/summary>\n<div>\n<p> Pellentesque commodo dui a neque Content 4<\/p>\n<\/div>\n<\/details>\n<\/div>\n<div class=\"lp-disclosures\">\n<details class=\"lp-disclosure\" open>\n<summary>Home<\/summary>\n<div>\n<p>Lorem ipsum dolor sit amet Content 1<\/p>\n<\/div>\n<\/details>\n<details class=\"lp-disclosure\" open>\n<summary>Profile<\/summary>\n<div>\n<p>Nulla vitae adipiscing dolor Content 2<\/p>\n<\/div>\n<\/details>\n<details class=\"lp-disclosure\" open>\n<summary>messages<\/summary>\n<div>\n<p>Sed eget lectus eu elit dictum Content 3<\/p>\n<\/div>\n<\/details>\n<details class=\"lp-disclosure\" open>\n<summary>settings<\/summary>\n<div>\n<p> Pellentesque commodo dui a neque Content 4<\/p>\n<\/div>\n<\/details>\n<\/div>\n<div class=\"lp-disclosures\">\n<details class=\"lp-disclosure\" open>\n<summary>Home<\/summary>\n<div>\n<p>Lorem ipsum dolor sit amet Content 1<\/p>\n<\/div>\n<\/details>\n<details class=\"lp-disclosure\" open>\n<summary>Profile<\/summary>\n<div>\n<p>Nulla vitae adipiscing dolor Content 2<\/p>\n<\/div>\n<\/details>\n<details class=\"lp-disclosure\" open>\n<summary>messages<\/summary>\n<div>\n<p>Sed eget lectus eu elit dictum Content 3<\/p>\n<\/div>\n<\/details>\n<details class=\"lp-disclosure\" open>\n<summary>settings<\/summary>\n<div>\n<p> Pellentesque commodo dui a neque Content 4<\/p>\n<\/div>\n<\/details>\n<\/div>\n<\/div>\n<pre class=\"prettyprint linenums\">&#091;tabs style=\"green\"&#093;   ADD_TAB_ITEM ... &#091;\/tabs&#093;\r\n&#091;tabs style=\"blue\"&#093;    ADD_TAB_ITEM ... &#091;\/tabs&#093;\r\n&#091;tabs style=\"black\"&#093;   ADD_TAB_ITEM ... &#091;\/tabs&#093;\r\n&#091;tabs style=\"red\"&#093;     ADD_TAB_ITEM ... &#091;\/tabs&#093;\r\n&#091;tabs style=\"oranges\"&#093; ADD_TAB_ITEM ... &#091;\/tabs&#093;\r\n<\/pre>\n<div class=\"bs-docs-example\">\n<div class=\"lp-disclosures\">\n<details class=\"lp-disclosure\" open>\n<summary>Home<\/summary>\n<div>\n<h4>Lorem ipsum dolor sit amet Content 1<\/h4>\n<p>Aenean justo ligula, pellentesque quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci. Etiam tincidunt, metus vel dapibus fermentum, quam purus aliquet ante, ac imperdiet ante dolor nec purus. Nunc nec massa metus. Ut ornare leo sed felis blandit quis euismod purus tempus. Pellentesque ac sem augue, vel lobortis eros.<\/p>\n<\/div>\n<\/details>\n<details class=\"lp-disclosure\" open>\n<summary>Profile<\/summary>\n<div>\n<h4>Lorem ipsum dolor sit amet Content 2<\/h4>\n<p>Pellentesque ac sem augue quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci. Etiam tincidunt, metus vel dapibus fermentum, quam purus aliquet ante, ac imperdiet ante dolor nec purus. Nunc nec massa metus. Ut ornare leo sed felis blandit quis euismod purus tempus. Pellentesque ac sem augue, vel lobortis eros.<\/p>\n<\/div>\n<\/details>\n<details class=\"lp-disclosure\" open>\n<summary>messages<\/summary>\n<div>\n<h4>Lorem ipsum dolor sit amet Content 3<\/h4>\n<p>Nunc nec massa metus pellentesque quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci. Etiam tincidunt, metus vel dapibus fermentum, quam purus aliquet ante, ac imperdiet ante dolor nec purus. Nunc nec massa metus. Ut ornare leo sed felis blandit quis euismod purus tempus. Pellentesque ac sem augue, vel lobortis eros.<\/p>\n<\/div>\n<\/details>\n<\/div>\n<\/div>\n<pre class=\"prettyprint linenums\">&#091;tabs type=\"vertical\" &#093;   ADD_TAB_ITEM ... &#091;\/tabs&#093;\r\n<\/pre>\n<div class=\"bs-docs-example\">\n<div class=\"span6 first-child\">\n<div class=\"lp-disclosures\">\n<details class=\"lp-disclosure\" open>\n<summary>Home<\/summary>\n<div>\n<h4>Lorem ipsum Content 1<\/h4>\n<p>Aenean justo ligula, pellentesque quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci.<\/p>\n<\/div>\n<\/details>\n<details class=\"lp-disclosure\" open>\n<summary>Profile<\/summary>\n<div>\n<h4>Lorem ipsum Content 2<\/h4>\n<p>Pellentesque ac sem augue quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci.<\/p>\n<\/div>\n<\/details>\n<details class=\"lp-disclosure\" open>\n<summary>messages<\/summary>\n<div>\n<h4>Lorem ipsum Content 3<\/h4>\n<p>Nunc nec massa metus pellentesque quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci.<\/p>\n<\/div>\n<\/details><\/div>\n<\/p><\/div>\n<div class=\"span6\">\n<div class=\"lp-disclosures\">\n<details class=\"lp-disclosure\" open>\n<summary>Home<\/summary>\n<div>\n<h4>Lorem ipsum Content 1<\/h4>\n<p>Aenean justo ligula, pellentesque quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci.<\/p>\n<\/div>\n<\/details>\n<details class=\"lp-disclosure\" open>\n<summary>Profile<\/summary>\n<div>\n<h4>Lorem ipsum Content 2<\/h4>\n<p>Pellentesque ac sem augue quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci.<\/p>\n<\/div>\n<\/details>\n<details class=\"lp-disclosure\" open>\n<summary>messages<\/summary>\n<div>\n<h4>Lorem ipsum Content 3<\/h4>\n<p>Nunc nec massa metus pellentesque quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci.<\/p>\n<\/div>\n<\/details><\/div>\n<\/p><\/div>\n<div class=\"lp-space\" style=\"height:30px\" aria-hidden=\"true\"><\/div>\n<div class=\"span6 first\">\n<div class=\"lp-disclosures\">\n<details class=\"lp-disclosure\" open>\n<summary>Home<\/summary>\n<div>\n<h4>Lorem ipsum Content 1<\/h4>\n<p>Aenean justo ligula, pellentesque quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci.<\/p>\n<\/div>\n<\/details>\n<details class=\"lp-disclosure\" open>\n<summary>Profile<\/summary>\n<div>\n<h4>Lorem ipsum Content 2<\/h4>\n<p>Pellentesque ac sem augue quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci.<\/p>\n<\/div>\n<\/details>\n<details class=\"lp-disclosure\" open>\n<summary>messages<\/summary>\n<div>\n<h4>Lorem ipsum Content 3<\/h4>\n<p>Nunc nec massa metus pellentesque quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci.<\/p>\n<\/div>\n<\/details><\/div>\n<\/p><\/div>\n<div class=\"span6\">\n<div class=\"lp-disclosures\">\n<details class=\"lp-disclosure\" open>\n<summary>Home<\/summary>\n<div>\n<h4>Lorem ipsum Content 1<\/h4>\n<p>Aenean justo ligula, pellentesque quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci.<\/p>\n<\/div>\n<\/details>\n<details class=\"lp-disclosure\" open>\n<summary>Profile<\/summary>\n<div>\n<h4>Lorem ipsum Content 2<\/h4>\n<p>Pellentesque ac sem augue quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci.<\/p>\n<\/div>\n<\/details>\n<details class=\"lp-disclosure\" open>\n<summary>messages<\/summary>\n<div>\n<h4>Lorem ipsum Content 3<\/h4>\n<p>Nunc nec massa metus pellentesque quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci.<\/p>\n<\/div>\n<\/details><\/div>\n<\/p><\/div>\n<\/div>\n<pre class=\"prettyprint linenums\">&#091;tabs type=\"vertical\" style=\"green\"&#093;     ADD_TAB_ITEM ... &#091;\/tabs&#093;\r\n&#091;tabs type=\"vertical\" style=\"green\"&#093;     ADD_TAB_ITEM ... &#091;\/tabs&#093;\r\n&#091;tabs type=\"vertical\" style=\"red\"&#093;       ADD_TAB_ITEM ... &#091;\/tabs&#093;\r\n&#091;tabs type=\"vertical\" style=\"oranges\"&#093;   ADD_TAB_ITEM ... &#091;\/tabs&#093;\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Home Fusce pellentesque commodo Lorem ipsum dolor sit amet Consectetur adipiscing elit. Suspendisse nisi quam, lobortis eu ultrices at; pellentesque ut arcu! Pellentesque eros ipsum, aliquet vel bibendum sed Donec volutpat, nibh convallis lacinia rutrum, magna augue pretium est, sed lacinia tellus felis in sapien. Phasellus lorem velit, interdum ac luctus eu, sagittis eget neque. [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[43],"tags":[],"class_list":["post-147","post","type-post","status-publish","format-standard","hentry","category-joomla-90-short-codes"],"_links":{"self":[{"href":"https:\/\/logosplus.ifrbph.md\/index.php?rest_route=\/wp\/v2\/posts\/147","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/logosplus.ifrbph.md\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/logosplus.ifrbph.md\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/logosplus.ifrbph.md\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/logosplus.ifrbph.md\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=147"}],"version-history":[{"count":0,"href":"https:\/\/logosplus.ifrbph.md\/index.php?rest_route=\/wp\/v2\/posts\/147\/revisions"}],"wp:attachment":[{"href":"https:\/\/logosplus.ifrbph.md\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=147"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/logosplus.ifrbph.md\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=147"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/logosplus.ifrbph.md\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=147"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}