{"id":4171,"date":"2014-04-24T08:40:29","date_gmt":"2014-04-24T08:40:29","guid":{"rendered":"http:\/\/pluto.themewoodmen.com\/?page_id=4159"},"modified":"2014-06-10T13:21:01","modified_gmt":"2014-06-10T13:21:01","slug":"toggleable","status":"publish","type":"page","link":"http:\/\/pluto.themewoodmen.com\/woo\/toggleable\/","title":{"rendered":"Toggleable"},"content":{"rendered":"<!--Chapter Shortcode Start--><section  class=\"content-area bg1 animated\" id=\"chapter973\" data-btmspace=\"45\" data-fx=\"none\" ><div class=\"container  \" ><header class=\"page-header text-center\"><!--Header Shortcode Start--><h1 class=\" page-title \" >Tabs<\/h1><!--Header Shortcode End--><\/header>\n<!--Row Shortcode Start--><div  class=\"row\"><div class=\"container \" ><div class=\"row\">\n<!--ThirdColumn Shortcode Start--><div  class=\"col-md-4\">\n<!--Header Shortcode Start--><h5 class=\"  \" >A nice tab<\/h5><!--Header Shortcode End--><!--Paragraph Shortcdoe Start--><p  class=\"animated\" data-fx=\"none\">Pellentesque habitant morbi tristique senectu ac turpis egestas.<\/p><!--Paragraph Shortcode End--><!--Tabs Shortcode Start--><ul  class=\"nav nav-pills animated\" data-fx=\"none\"><li class=\"active\"><a data-toggle=\"tab\" href=\"#tab1\">Tab 1<\/a><\/li><li><a data-toggle=\"tab\" href=\"#tab2\">Tab 2<\/a><\/li><li><a data-toggle=\"tab\" href=\"#tab3\">Tab 3<\/a><\/li><\/ul><!--Tabs Shortcode End--><div class=\"tab-content\"><!--Tab Shortcode Start-->\r\n\t\t\t<div   class=\"tab-pane fade  in active\" id=\"tab1\">\r\n                Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.\r\n            <\/div><!--Tab Shortcode End--><!--Tab Shortcode Start-->\r\n\t\t\t<div   class=\"tab-pane fade\" id=\"tab2\">\r\n                <!--Header Shortcode Start--><h6 class=\"  \" >Vestibulum tortor<\/h6><!--Header Shortcode End-->Malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Pellentesque habitant morbi tristique senectus et netus et.\r\n            <\/div><!--Tab Shortcode End--> <!--Tab Shortcode Start-->\r\n\t\t\t<div   class=\"tab-pane fade\" id=\"tab3\">\r\n                Ac turpis egestas vestibulum tortor quam, feugiat vitae, ultricies eget. Placerat eleifend leo. Pellentesque habitant morbi tristique senectus et netus et.\r\n            <\/div><!--Tab Shortcode End--><\/div>\n<\/div><!--Third column Shortcode End-->\n<!--Two Thirds Shortcode Start--><div  class=\"col-md-8\">\n[sourcecode language=&#8221;html&#8221;][tabs header=&quot;A nice tab&quot; description=&quot;Pellentesque habitant morbi tristique senectu ac turpis egestas.&quot;][tab title=&quot;Tab 1&quot; active=&quot;yes&quot;]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.[\/tab][tab title=&quot;Tab 2&quot;][header level=&quot;6&quot;]Vestibulum tortor[\/header]Malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Pellentesque habitant morbi tristique senectus et netus et.[\/tab][tab title=&quot;Tab 3&quot;]Ac turpis egestas vestibulum tortor quam, feugiat vitae, ultricies eget. Placerat eleifend leo. Pellentesque habitant morbi tristique senectus et netus et.[\/tab][\/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>description<\/strong><\/i><\/li><li><i><strong>nav_justified<\/strong> - navigation justified - yes; no; <\/i><\/li><li><i><strong>style2<\/strong> - second style - true; false; <\/i><\/li><li><i><strong>class<\/strong> - custom class, adding custom class allows you to set diverse styles in css to the element. type in name of class, which you defined in css. you can add as much classes as you like.<\/i><\/li><li><i><strong>animation<\/strong> - chapter animation effect<\/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><!--TwoThirds Shortcode End-->\n<\/div><\/div><\/div><!--Row Shortcode End-->\n<\/div><\/section><!--Chapter Shortcode End-->\n<!--Chapter Shortcode Start--><section  class=\"content-area bg1 animated\" id=\"chapter151\" data-btmspace=\"45\" data-fx=\"none\" ><div class=\"container  \" ><header class=\"page-header text-center\"><!--Header Shortcode Start--><h1 class=\" page-title \" >Accordion<\/h1><!--Header Shortcode End--><\/header>\n<!--Row Shortcode Start--><div  class=\"row\"><div class=\"container \" ><div class=\"row\">\n<!--ThirdColumn Shortcode Start--><div  class=\"col-md-4\">\n<!--Accordion Start--><div  class=\"panel-group\" id=\"accordion700\">\n<!--Accordion item Start--><div  class=\"panel panel-default animated accordion\" data-fx=\"none\">\r\n                <div class=\"panel-heading\">\r\n                    <h4 class=\"panel-title\">\r\n\r\n                        <a data-toggle=\"collapse\" data-parent=\"#accordion700\" href=\"#collapse456\" >\r\n                            Problems solving\r\n        <\/a>\r\n                    <\/h4>\r\n                <\/div>\r\n                <div id=\"collapse456\" class=\"panel-collapse collapse in \">\r\n                    <div class=\"panel-body\">\r\n        Maecenas placerat arcu purus. Aliquam eget pulvinar purus, vel vehicula lorem. In eu tortor lectus. Phasellus non lacus nec mauris gravida viverra ut id est. Morbi vel urna in mauris interdum dapibus at sodales velit.<br \/>\n\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div><!--Accordion item End-->\n<!--Accordion item Start--><div  class=\"panel panel-default animated\" data-fx=\"none\">\r\n                <div class=\"panel-heading\">\r\n                    <h4 class=\"panel-title\">\r\n\r\n                        <a data-toggle=\"collapse\" data-parent=\"#accordion700\" href=\"#collapse109\" class=\"collapsed\" >\r\n                            Systems monitoring\r\n        <\/a>\r\n                    <\/h4>\r\n                <\/div>\r\n                <div id=\"collapse109\" class=\"panel-collapse collapse \">\r\n                    <div class=\"panel-body\">\r\n        Integer quis tristique arcu. Ut convallis purus purus, ut facilisis lorem pulvinar sit. Curabitur ullamcorper purus non auctor consectetur.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div><!--Accordion item End-->\n<!--Accordion item Start--><div  class=\"panel panel-default animated\" data-fx=\"none\">\r\n                <div class=\"panel-heading\">\r\n                    <h4 class=\"panel-title\">\r\n\r\n                        <a data-toggle=\"collapse\" data-parent=\"#accordion700\" href=\"#collapse426\" class=\"collapsed\" >\r\n                            Affect management\r\n        <\/a>\r\n                    <\/h4>\r\n                <\/div>\r\n                <div id=\"collapse426\" class=\"panel-collapse collapse \">\r\n                    <div class=\"panel-body\">\r\n        Duis quis elit hendrerit, tempor magna ac, adipiscing ligula. Maecenas neque nibh, vehicula ut neque at, scelerisque mollis enim.<br \/>\n\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div><!--Accordion item End-->\n<\/div><!--Accordion End-->\n<\/div><!--Third column Shortcode End-->\n<!--Two Thirds Shortcode Start--><div  class=\"col-md-8\">\n[sourcecode language=&#8221;html&#8221;][accordion]\n[accordion_item title=&quot;Problems solving&quot; active=&quot;yes&quot;]Maecenas placerat arcu purus. Aliquam eget pulvinar purus, vel vehicula lorem. In eu tortor lectus. Phasellus non lacus nec mauris gravida viverra ut id est. Morbi vel urna in mauris interdum dapibus at sodales velit.<br \/>\n[\/accordion_item]\n[accordion_item title=&quot;Systems monitoring&quot;]Integer quis tristique arcu. Ut convallis purus purus, ut facilisis lorem pulvinar sit. Curabitur ullamcorper purus non auctor consectetur.[\/accordion_item]\n[accordion_item title=&quot;Affect management&quot;]Duis quis elit hendrerit, tempor magna ac, adipiscing ligula. Maecenas neque nibh, vehicula ut neque at, scelerisque mollis enim.<br \/>\n[\/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><li><i><strong>description<\/strong><\/i><\/li><li><i><strong>class<\/strong> - custom class, adding custom class allows you to set diverse styles in css to the element. type in name of class, which you defined in css. you can add as much classes as you like.<\/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><li><i><strong>animation<\/strong> - chapter animation effect<\/i><\/li><\/ul>\n<\/div><!--TwoThirds Shortcode End-->\n<\/div><\/div><\/div><!--Row Shortcode End-->\n<\/div><\/section><!--Chapter Shortcode End-->\n","protected":false},"excerpt":{"rendered":"Tabs A nice tabPellentesque habitant morbi tristique senectu ac turpis egestas.Tab 1Tab 2Tab 3 Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Vestibulum tortorMalesuada fames ac turpis [...]","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"_mi_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0},"_links":{"self":[{"href":"http:\/\/pluto.themewoodmen.com\/woo\/wp-json\/wp\/v2\/pages\/4171"}],"collection":[{"href":"http:\/\/pluto.themewoodmen.com\/woo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/pluto.themewoodmen.com\/woo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/pluto.themewoodmen.com\/woo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/pluto.themewoodmen.com\/woo\/wp-json\/wp\/v2\/comments?post=4171"}],"version-history":[{"count":2,"href":"http:\/\/pluto.themewoodmen.com\/woo\/wp-json\/wp\/v2\/pages\/4171\/revisions"}],"predecessor-version":[{"id":5049,"href":"http:\/\/pluto.themewoodmen.com\/woo\/wp-json\/wp\/v2\/pages\/4171\/revisions\/5049"}],"wp:attachment":[{"href":"http:\/\/pluto.themewoodmen.com\/woo\/wp-json\/wp\/v2\/media?parent=4171"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}