{"id":1719,"date":"2011-05-29T19:55:02","date_gmt":"2011-05-29T23:55:02","guid":{"rendered":"http:\/\/www.cogis2020.eval-expert.com\/?page_id=1719"},"modified":"2014-09-04T21:47:54","modified_gmt":"2014-09-05T01:47:54","slug":"content-toggle-and-tabs","status":"publish","type":"page","link":"https:\/\/www.cogis2020.eval-expert.com\/?page_id=1719","title":{"rendered":"Content Toggle, Tabs and Accordion"},"content":{"rendered":"<h4 class=\"margin-top-3\">Content Toggle:<\/h4>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.  Aenean  commodo ligula eget dolor.  Aenean massa.  Cum sociis natoque penatibus  et magnis dis parturient montes, nascetur ridiculus mus.  Donec quam  felis, ultricies nec, pellentesque eu, pretium quis, sem.<br \/>\n<h4 class=\"slide_toggle\"><a href=\"#\">Click me to toggle content...<\/a><\/h4><div class=\"slide_toggle_content\" style=\"display: none;\">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.  Aenean   commodo ligula eget dolor.  Aenean massa.  Cum sociis natoque penatibus   et magnis dis parturient montes, nascetur ridiculus mus.  Donec quam  felis, ultricies nec, pellentesque eu, pretium quis, sem.<\/p>\n<p>Nulla   consequat massa quis enim.  Donec pede justo, fringilla vel, aliquet   nec, vulputate eget, arcu.  In enim justo, rhoncus ut, imperdiet a,   venenatis vitae, justo.<br \/>\n<\/div> <h4 class=\"slide_toggle\"><a href=\"#\">Click me to toggle content...<\/a><\/h4><div class=\"slide_toggle_content\" style=\"display: none;\">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.  Aenean   commodo ligula eget dolor.  Aenean massa.  Cum sociis natoque penatibus   et magnis dis parturient montes, nascetur ridiculus mus.  Donec quam  felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla   consequat massa quis enim.  Donec pede justo, fringilla vel, aliquet   nec, vulputate eget, arcu.  In enim justo, rhoncus ut, imperdiet a,   venenatis vitae, justo.<br \/>\n<\/div> <h4 class=\"slide_toggle\"><a href=\"#\">Click me to toggle content...<\/a><\/h4><div class=\"slide_toggle_content\" style=\"display: none;\">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.  Aenean   commodo ligula eget dolor.  Aenean massa.  Cum sociis natoque penatibus   et magnis dis parturient montes, nascetur ridiculus mus.  Donec quam  felis, ultricies nec, pellentesque eu, pretium quis, sem.<br \/>\n<\/div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.  Aenean  commodo ligula eget dolor.  Aenean massa.  Cum sociis natoque penatibus  et magnis dis parturient montes, nascetur ridiculus mus.  Donec quam  felis.<\/p>\n<div class=\"divider top-of-page\"><a href=\"#top\" title=\"Haut de page\">Retour en haut de page<\/a><\/div>\n<h4>Tabs:<\/h4>\n<div class=\"clear\"><\/div><div class=\"tabs-wrapper\"><ul class=\"tabs\"><li><a href=\"javascript:void(0)\" class=\"defaulttab\" id=\"tab-1\"><span>title 1<\/span><\/a><\/li><li><a href=\"javascript:void(0)\" id=\"tab-2\"><span>title 2<\/span><\/a><\/li><li><a href=\"javascript:void(0)\" id=\"tab-3\"><span>title 3<\/span><\/a><\/li><\/ul><div class=\"tab-content\" id=\"tab-1-content\"><div class=\"tabs-inner-padding\"><h4>Featured content<\/h4>\n<p>\t    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet.<br \/><\/div><\/div><div class=\"tab-content\" id=\"tab-2-content\"><div class=\"tabs-inner-padding\"><h4>Popular content<\/h4>\n<p>\t    \n<ul class=\"list-2\">\n<li><a href=\"#\" title=\"Popular...\">Popular Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula.<\/a><\/li>\n<li><a href=\"#\" title=\"Popular...\">Popular Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula.<\/a><\/li>\n<li><a href=\"#\" title=\"Popular...\">Popular Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula.<\/a><\/li>\n<li><a href=\"#\" title=\"Popular...\">Popular Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula.<\/a><\/li>\n<\/ul>\n<p><\/div><\/div><div class=\"tab-content\" id=\"tab-3-content\"><div class=\"tabs-inner-padding\"><h4>Newest content<\/h4>\n<div class=\"custom-frame-wrapper alignleft\"><div class=\"custom-frame-inner-wrapper\"><div class=\"custom-frame-padding\"><img decoding=\"async\" src=\"http:\/\/www.cogis2020.eval-expert.com\/wp-content\/uploads\/2011\/05\/400x400.png\" width=\"125\" height=\"125\" alt=\"Image Thumbnail\" \/><\/div><\/div><\/div>Aoccdrnig to rscheearch at an Elingsh uinervtisy, it deosn&rsquo;t mttaer in waht oredr the ltteers in a wrod are, olny taht the frist and lsat ltteres are at the rghit pcleas. The rset can be a toatl mses and you can sitll raed it wouthit a porbelm. Tihs is bcuseae we do not raed ervey lteter by ilstef, but the wrod as a wlohe.<br \/>\n\t    Phasellus rutrum dapibus nulla, a venenatis tortor eleifend vitae. Ut tincidunt vestibulum blandit. Nulla aliquet urna non enim convallis in vehicula mi scelerisque. Aliquam blandit imperdiet lorem eu ultrices. Nulla in dolor non ipsum fringilla sodales sed ac turpis. Phasellus rutrum dapibus nulla, a venenatis tortor eleifend vitae. Ut tincidunt vestibulum blandit. Nulla aliquet urna non enim convallis in vehicula mi scelerisque. Aliquam blandit imperdiet lorem eu ultrices. Nulla in dolor non ipsum fringilla sodales sed ac turpis. Nam nisi arcu, tincidunt sodales porta vel, ornare ac, tincidunt sodales porta vel, ornare ac magna. Morbi in metus a felis accumsan interdum. Aliquam eros est, sagittis sodales in lorem.<br \/><\/div><\/div><\/div><!-- tabs-wrapper end --><div class=\"clear\"><\/div>\n<div class=\"divider top-of-page\"><a href=\"#top\" title=\"Haut de page\">Retour en haut de page<\/a><\/div>\n<div class=\"clear\"><\/div><div class=\"accordion-wrapper\"><h3 class=\"accordion-toggle\"><a href=\"#\">This is Example Title 1...<\/a><\/h3><div class=\"accordion-container\">  <div class=\"content-block\"><div class=\"custom-frame-wrapper alignleft\"><div class=\"custom-frame-inner-wrapper\"><div class=\"custom-frame-padding\"><a href=\"http:\/\/www.cogis2020.eval-expert.com\/wp-content\/uploads\/2011\/05\/400x400.png\" rel=\"wp-prettyPhoto&#091;1719&#093;\"><img decoding=\"async\" src=\"http:\/\/www.cogis2020.eval-expert.com\/wp-content\/uploads\/2011\/05\/400x400.png\" width=\"125\" height=\"125\" alt=\"Image Thumbnail\" \/><\/a><\/div><\/div><\/div>Aoccdrnig to rscheearch at an Elingsh uinervtisy, it deosn&rsquo;t mttaer in waht oredr the ltteers in a wrod are, olny taht the frist and lsat ltteres are at the rghit pcleas. The rset can be a toatl mses and you can sitll raed it wouthit a porbelm. Tihs is bcuseae we do not raed ervey lteter by ilstef, but the wrod as a wlohe.<\/p>\n<p>                    Phasellus rutrum dapibus nulla, a venenatis tortor eleifend vitae. Ut tincidunt vestibulum blandit. Nulla aliquet urna non enim convallis in vehicula mi scelerisque. Aliquam blandit imperdiet lorem eu ultrices. Nulla in dolor non ipsum fringilla sodales sed ac turpis. Phasellus rutrum dapibus nulla, a venenatis tortor eleifend vitae. Ut tincidunt vestibulum blandit. Nulla aliquet urna non enim convallis in vehicula mi scelerisque.<\/div><\/div><!-- end accordion-container --><h3 class=\"accordion-toggle\"><a href=\"#\">This is Example Title 2...<\/a><\/h3><div class=\"accordion-container\">  <div class=\"content-block\"><div class=\"widget widget_latest_posts\"><h3 class=\"widgettitle\">Recent Posts<\/h3><\/div><\/div><\/div><!-- end accordion-container --><h3 class=\"accordion-toggle\"><a href=\"#\">This is Example Title 3...<\/a><\/h3><div class=\"accordion-container\">  <div class=\"content-block\"><h4 class=\"margin-top-0\">Beautuful Design Patterns<\/h4>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.<br \/>\n                    \n<ul class=\"list-1\">\n<li>Nullam dictum felis eu pede mollis pretium. Integer tincidunt.<\/li>\n<li>Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.<\/li>\n<li>Phasellus rutrum dapibus nulla, a venenatis tortor eleifend vitae.<\/li>\n<\/ul>\n<p>                    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.<\/div><\/div><!-- end accordion-container --><h3 class=\"accordion-toggle\"><a href=\"#\">This is Example Title 4...<\/a><\/h3><div class=\"accordion-container\">  <div class=\"content-block\"><div class=\"custom-frame-wrapper alignright\"><div class=\"custom-frame-inner-wrapper\"><div class=\"custom-frame-padding\"><a href=\"#\"><img decoding=\"async\" src=\"http:\/\/www.cogis2020.eval-expert.com\/wp-content\/uploads\/2011\/05\/400x400.png\" width=\"125\" height=\"125\" alt=\"Image Thumbnail\" \/><\/a><\/div><\/div><\/div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.<\/p>\n<p>                    Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.<\/p>\n<p>                    In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.<\/div><\/div><!-- end accordion-container --><\/div><!-- end accordion-wrapper --><div class=\"clear\"><\/div>\n<div class=\"divider top-of-page\"><a href=\"#top\" title=\"Haut de page\">Retour en haut de page<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Content Toggle: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":59,"menu_order":6,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1719","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.cogis2020.eval-expert.com\/index.php?rest_route=\/wp\/v2\/pages\/1719"}],"collection":[{"href":"https:\/\/www.cogis2020.eval-expert.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cogis2020.eval-expert.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cogis2020.eval-expert.com\/index.php?rest_route=\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cogis2020.eval-expert.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1719"}],"version-history":[{"count":0,"href":"https:\/\/www.cogis2020.eval-expert.com\/index.php?rest_route=\/wp\/v2\/pages\/1719\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.cogis2020.eval-expert.com\/index.php?rest_route=\/wp\/v2\/pages\/59"}],"wp:attachment":[{"href":"https:\/\/www.cogis2020.eval-expert.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1719"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}