{"id":251,"date":"2014-04-04T14:35:30","date_gmt":"2014-04-04T14:35:30","guid":{"rendered":"http:\/\/elysium.wp.themeforest.createit.pl\/?page_id=251"},"modified":"2014-04-16T18:52:12","modified_gmt":"2014-04-16T18:52:12","slug":"toggleable","status":"publish","type":"page","link":"http:\/\/elysium.wp.themeforest.createit.pl\/creative\/toggleable\/","title":{"rendered":"Toggleable"},"content":{"rendered":"<div id=\"tabs\" class=\" chapter padding-sm row\"><div class=\"text-center col-md-12\">\r\n                <h3 >\r\n                     Tabs type 1\r\n                <\/h3>\r\n            <\/div>\n<div class=\"col-md-8\">\n\r\n                    <ul class=\"nav nav-tabs type1\"><li class=\"active\"><a href=\"#tab1\" data-toggle=\"tab\">First tab<\/a><\/li><li><a href=\"#tab2\" data-toggle=\"tab\">Second tab<\/a><\/li><li><a href=\"#tab3\" data-toggle=\"tab\"> Third tab<\/a><\/li><\/ul>\r\n                    <div class=\"tab-content type1\">\r\n\t\t\t\t\t\t\r\n\t\t\t<div class=\"tab-pane fade in active\" id=\"tab1\">\r\n               <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed et do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim minim veniam, quis ut nostrud exercitation ullamco laboris nisi ut aliquip ex ea consequat. Duis aute irure dolor in a reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat proident, sunt in culpa qui officia deserunt es mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus at voluptatem accusantium doloremque laudantium, totam rem est aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto dolor sit amet beatae.<br \/>\n<\/p>\r\n            <\/div> \r\n\t\t\t<div class=\"tab-pane fade\" id=\"tab2\">\r\n               <p>Excepteur sint occaecat cupidatat proident, sunt in culpa qui officia deserunt es mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus at voluptatem accusantium doloremque laudantium, totam rem est aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto dolor sit amet beatae.<br \/>\n<\/p>\r\n            <\/div> \r\n\t\t\t<div class=\"tab-pane fade\" id=\"tab3\">\r\n               <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed et do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim minim veniam, quis ut nostrud exercitation ullamco laboris nisi ut aliquip ex ea consequat. Duis aute irure dolor in a reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat proident, sunt in culpa qui officia deserunt es mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus at voluptatem accusantium doloremque laudantium, totam rem est aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto dolor sit amet beatae.<br \/>\n<\/p>\r\n            <\/div> \r\n                    <\/div>\r\n                    \n<\/div>\n<div class=\"col-md-4\">\n[sourcecode language=&#8221;html&#8221;][tabs]\n[tab title=&quot;ITEM 1&quot;]\n&#8230;[\/tab]\n[tab title=&quot;ITEM 2&quot;]\n&#8230;[\/tab]\n[\/tabs][\/sourcecode]<br \/>\n<h6 class=\"ct-params\">tabs parameters<\/h6><ul class=\"ct-params\"><li><i><strong>header<\/strong><\/i><\/li><li><i><strong>type<\/strong> - 1; 2; <\/i><\/li><\/ul>\n<h6 class=\"ct-params\">tab parameters<\/h6><ul class=\"ct-params\"><li><i><strong>title<\/strong> - header<\/i><\/li><li><i><strong>active<\/strong> - is active - yes; no; <\/i><\/li><\/ul>\n<\/div>\n<\/div>\n<hr >\n<div class=\"padding-sm row\"><div class=\"text-center col-md-12\">\r\n                <h3 >\r\n                     Tabs type 2\r\n                <\/h3>\r\n            <\/div>\n<div class=\"col-md-8\">\n\r\n                    <ul class=\"nav nav-tabs type2 nav-justified\"><li class=\"active\"><a href=\"#tab4\" data-toggle=\"tab\">First tab<\/a><\/li><li><a href=\"#tab5\" data-toggle=\"tab\">Second tab<\/a><\/li><li><a href=\"#tab6\" data-toggle=\"tab\"> Third tab<\/a><\/li><\/ul>\r\n                    <div class=\"tab-content type2\">\r\n\t\t\t\t\t\t\r\n\t\t\t<div class=\"tab-pane fade in active\" id=\"tab4\">\r\n               <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed et do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim minim veniam, quis ut nostrud exercitation ullamco laboris nisi ut aliquip ex ea consequat. Duis aute irure dolor in a reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat proident, sunt in culpa qui officia deserunt es mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus at voluptatem accusantium doloremque laudantium, totam rem est aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto dolor sit amet beatae.<br \/>\n<\/p>\r\n            <\/div> \r\n\t\t\t<div class=\"tab-pane fade\" id=\"tab5\">\r\n               <p>Excepteur sint occaecat cupidatat proident, sunt in culpa qui officia deserunt es mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus at voluptatem accusantium doloremque laudantium, totam rem est aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto dolor sit amet beatae.<br \/>\n<\/p>\r\n            <\/div> \r\n\t\t\t<div class=\"tab-pane fade\" id=\"tab6\">\r\n               <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed et do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim minim veniam, quis ut nostrud exercitation ullamco laboris nisi ut aliquip ex ea consequat. Duis aute irure dolor in a reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat proident, sunt in culpa qui officia deserunt es mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus at voluptatem accusantium doloremque laudantium, totam rem est aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto dolor sit amet beatae.<br \/>\n<\/p>\r\n            <\/div> \r\n                    <\/div>\r\n                    \n<\/div>\n<div class=\"col-md-4\">\n[sourcecode language=&#8221;html&#8221;][tabs]\n[tab title=&quot;ITEM 1&quot;]\n&#8230;[\/tab]\n[tab title=&quot;ITEM 2&quot;]\n&#8230;[\/tab]\n[\/tabs][\/sourcecode]<br \/>\n<h6 class=\"ct-params\">tabs parameters<\/h6><ul class=\"ct-params\"><li><i><strong>header<\/strong><\/i><\/li><li><i><strong>type<\/strong> - 1; 2; <\/i><\/li><\/ul>\n<h6 class=\"ct-params\">tab parameters<\/h6><ul class=\"ct-params\"><li><i><strong>title<\/strong> - header<\/i><\/li><li><i><strong>active<\/strong> - is active - yes; no; <\/i><\/li><\/ul>\n<\/div>\n<\/div> <\/p>\n<hr >\n<div class=\"padding-sm row\"><div class=\"text-center col-md-12\">\r\n                <h3 >\r\n                     Accordion\r\n                <\/h3>\r\n            <\/div>\n<div class=\"col-md-8\">\n\r\n\t\t\t<div id=\"accordion\" class=\"panel-group\">\r\n                \r\n\t\t    <div class=\"panel panel-default\">\r\n                <div class=\"panel-heading\">\r\n                    \r\n                <h4 class=\"panel-title\">\r\n                    \r\n                        <a data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapse601\">\r\n                            Our Clients\r\n                        <\/a>\r\n                    \r\n                <\/h4>\r\n            \r\n                <\/div>\r\n                <div id=\"collapse601\" class=\"panel-collapse collapse in\">\r\n                    <div class=\"panel-body\">\r\n                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet libero magna. Mauris at enim vel nibh scelerisque porttitor id ut leo. Phasellus pretium, leo a lobortis aliquam, nunc tortor pulvinar ipsum, et vulputate lacus tortor a eros. Morbi consequat velit eget augue porttitor vitae molestie diam rutrum.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div> \r\n\t\t    <div class=\"panel panel-default\">\r\n                <div class=\"panel-heading\">\r\n                    \r\n                <h4 class=\"panel-title\">\r\n                    \r\n                        <a class=\"collapsed\"data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapse117\">\r\n                            Management\r\n                        <\/a>\r\n                    \r\n                <\/h4>\r\n            \r\n                <\/div>\r\n                <div id=\"collapse117\" class=\"panel-collapse collapse\">\r\n                    <div class=\"panel-body\">\r\n                        . Phasellus porta ultrices ante at facilisis. Fusce ornare turpis sit amet lacus egestas elementum. Curabitur risus nunc, consequat ac euismod at, rhoncus in diam. Duis vel rhoncus eros. Phasellus ut neque nec tellus fringilla viverra. Donec pellentesque lectus a quam blandit dictum iaculis mauris ultricies. Lorem ipsum dolor sit amet, consectetur adipiscing elit.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div> \r\n\t\t    <div class=\"panel panel-default\">\r\n                <div class=\"panel-heading\">\r\n                    \r\n                <h4 class=\"panel-title\">\r\n                    \r\n                        <a class=\"collapsed\"data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapse601\">\r\n                            Community\r\n                        <\/a>\r\n                    \r\n                <\/h4>\r\n            \r\n                <\/div>\r\n                <div id=\"collapse601\" class=\"panel-collapse collapse\">\r\n                    <div class=\"panel-body\">\r\n                        Vestibulum ut nunc eu neque mollis accumsan. Fusce est ante, ultrices sed rutrum et, dictum ac nulla. Maecenas posuere bibendum fermentum. Donec iaculis, urna quis pellentesque rhoncus, justo est iaculis diam, pulvinar congue est tellus vel metus. Donec aliquet facilisis sapien. Donec tempor hendrerit purus a dapibus. Praesent aliquet leo ante. Donec non leo lacus, vitae venenatis augue. Vestibulum quam augue, congue a consectetur sed, eleifend a mi. \r\n                    <\/div>\r\n                <\/div>\r\n            <\/div> \r\n            <\/div>\r\n\t\t\n<\/div>\n<div class=\"col-md-4\">\n[sourcecode language=&#8221;html&#8221;][accordion]\n[accordion_item title=&quot;Item 1&quot;]\n&#8230;[\/accordion_item]\n[accordion_item title=&quot;ITEM 2&quot;]\n&#8230;[\/accordion_item]\n[\/accordion][\/sourcecode]<br \/>\n<h6 class=\"ct-params\">accordion parameters<\/h6><ul class=\"ct-params\"><li><i><strong>header<\/strong><\/i><\/li><\/ul>\n<h6 class=\"ct-params\">accordion_item parameters<\/h6><ul class=\"ct-params\"><li><i><strong>title<\/strong> - every accordion item should be wrapped in accordion element.<\/i><\/li><li><i><strong>active<\/strong> - is active - yes; no; <\/i><\/li><\/ul>\n<\/div>\n<\/div> <hr > <\/p>\n<div class=\"padding-sm row\"><div class=\"text-center col-md-12\">\r\n                <h3 >\r\n                     Accordion type 2\r\n                <\/h3>\r\n            <\/div>\n<div class=\"col-md-8\">\n\r\n\t\t\t<div id=\"accordion\" class=\"accordion\">\r\n\r\n                    \r\n            <div class=\"panel\">\r\n                <a class=\"toggle\" data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapse913\">\r\n                    Our Clients\r\n                <\/a>\r\n\r\n                <div id=\"collapse913\" class=\" accordion-panel collapse in\">\r\n                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet libero magna. Mauris at enim vel nibh scelerisque porttitor id ut leo. Phasellus pretium, leo a lobortis aliquam, nunc tortor pulvinar ipsum, et vulputate lacus tortor a eros. Morbi consequat velit eget augue porttitor vitae molestie diam rutrum.\r\n                <\/div>\r\n            <\/div>\n \r\n            <div class=\"panel\">\r\n                <a class=\"toggle collapsed\" data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapse284\">\r\n                    Management\r\n                <\/a>\r\n\r\n                <div id=\"collapse284\" class=\" accordion-panel collapse\">\r\n                    . Phasellus porta ultrices ante at facilisis. Fusce ornare turpis sit amet lacus egestas elementum. Curabitur risus nunc, consequat ac euismod at, rhoncus in diam. Duis vel rhoncus eros. Phasellus ut neque nec tellus fringilla viverra. Donec pellentesque lectus a quam blandit dictum iaculis mauris ultricies. Lorem ipsum dolor sit amet, consectetur adipiscing elit.\r\n                <\/div>\r\n            <\/div> \r\n            <div class=\"panel\">\r\n                <a class=\"toggle collapsed\" data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapse751\">\r\n                    Community\r\n                <\/a>\r\n\r\n                <div id=\"collapse751\" class=\" accordion-panel collapse\">\r\n                    Vestibulum ut nunc eu neque mollis accumsan. Fusce est ante, ultrices sed rutrum et, dictum ac nulla. Maecenas posuere bibendum fermentum. Donec iaculis, urna quis pellentesque rhoncus, justo est iaculis diam, pulvinar congue est tellus vel metus. Donec aliquet facilisis sapien. Donec tempor hendrerit purus a dapibus. Praesent aliquet leo ante. Donec non leo lacus, vitae venenatis augue. Vestibulum quam augue, congue a consectetur sed, eleifend a mi. \r\n                <\/div>\r\n            <\/div> \r\n\r\n            <\/div>\r\n\t\t\n<\/div>\n<div class=\"col-md-4\">\n[sourcecode language=&#8221;html&#8221;][accordion_type2]\n[accordion_type2_item title=&quot;Item 1&quot;]\n&#8230;[\/accordion_type2_item]\n[accordion_type2_item title=&quot;ITEM 2&quot;]\n&#8230;[\/accordion_type2_item]\n[\/accordion_type2][\/sourcecode]<br \/>\n<h6 class=\"ct-params\">accordion_type2 parameters<\/h6><ul class=\"ct-params\"><li><i><strong>header<\/strong><\/i><\/li><\/ul>\n<h6 class=\"ct-params\">accordion_type2_item parameters<\/h6><ul class=\"ct-params\"><li><i><strong>title<\/strong> - every accordion item should be wrapped in accordion element.<\/i><\/li><li><i><strong>active<\/strong> - is active - yes; no; <\/i><\/li><\/ul>\n<\/div>\n<\/div>\n<hr >\n<div class=\"padding-sm row\"><div class=\"text-center col-md-12\">\r\n                <h3 >\r\n                     Accordion menu\r\n                <\/h3>\r\n            <\/div>\n<div class=\"col-md-8\">\n[ct_accordion_menu menu=&#8221;menu&#8221;]<br \/>\n<\/div>\n<div class=\"col-md-4\">\n[sourcecode language=&#8221;html&#8221;][[ct_accordion_menu menu=&quot;menu&quot;]][\/sourcecode]<br \/>\n\n<\/div>\n<\/div>\n<hr >\n<div class=\"padding-sm row\"><div class=\"text-center col-md-12\">\r\n                <h3 >\r\n                     Drilldown menu\r\n                <\/h3>\r\n            <\/div>\n<div class=\"col-md-8\">\n[drilldown menu=&#8221;menu&#8221;]<br \/>\n<\/div>\n<div class=\"col-md-4\">\n[sourcecode language=&#8221;html&#8221;][[drilldown menu=&quot;menu&quot;]][\/sourcecode]<br \/>\n\n<\/div>\n<\/div> <\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"http:\/\/elysium.wp.themeforest.createit.pl\/creative\/wp-json\/wp\/v2\/pages\/251"}],"collection":[{"href":"http:\/\/elysium.wp.themeforest.createit.pl\/creative\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/elysium.wp.themeforest.createit.pl\/creative\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/elysium.wp.themeforest.createit.pl\/creative\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/elysium.wp.themeforest.createit.pl\/creative\/wp-json\/wp\/v2\/comments?post=251"}],"version-history":[{"count":3,"href":"http:\/\/elysium.wp.themeforest.createit.pl\/creative\/wp-json\/wp\/v2\/pages\/251\/revisions"}],"predecessor-version":[{"id":502,"href":"http:\/\/elysium.wp.themeforest.createit.pl\/creative\/wp-json\/wp\/v2\/pages\/251\/revisions\/502"}],"wp:attachment":[{"href":"http:\/\/elysium.wp.themeforest.createit.pl\/creative\/wp-json\/wp\/v2\/media?parent=251"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}