{"id":2062,"date":"2016-01-11T14:39:20","date_gmt":"2016-01-11T14:39:20","guid":{"rendered":"http:\/\/tn.joomexp.com\/wordpress\/wp-celsius\/?page_id=2062"},"modified":"2016-01-11T14:39:20","modified_gmt":"2016-01-11T14:39:20","slug":"accordion-toggles","status":"publish","type":"page","link":"https:\/\/demo.exptheme.com\/celsius\/accordion-toggles\/","title":{"rendered":"Accordion &#038; Toggles"},"content":{"rendered":"<p>[vc_row animation=&#8221;&#8221; panel_style=&#8221;&#8221; css=&#8221;.vc_custom_1455679034235{margin-bottom: 15px !important;}&#8221;][vc_column][vc_custom_heading text=&#8221;ACCORDIONS&#8221; font_container=&#8221;tag:h3&#8243; use_theme_fonts=&#8221;yes&#8221; letter_spacing=&#8221; 1px&#8221; layout_style=&#8221;uk-module-title&#8221; align=&#8221;wp-celsius-heading-left&#8221; animation=&#8221;&#8221;][vc_column_text css=&#8221;.vc_custom_1453793066543{margin-bottom: 45px !important;}&#8221;]To hide or show text in a retractable panel, use the <code>accordion<\/code> element.[\/vc_column_text][vc_custom_heading text=&#8221;SINGLE OPEN ITEM&#8221; font_container=&#8221;tag:h3&#8243; use_theme_fonts=&#8221;yes&#8221; letter_spacing=&#8221; 1px&#8221; layout_style=&#8221;uk-module-title&#8221; align=&#8221;wp-celsius-heading-left&#8221; animation=&#8221;&#8221; css=&#8221;.vc_custom_1453793179058{margin-bottom: 0px !important;}&#8221;][vc_tta_accordion c_icon=&#8221; fa fa-angle-up&#8221; active_section=&#8221;1&#8243; collapsible_all=&#8221;true&#8221; css=&#8221;.vc_custom_1453945040524{margin-bottom: 60px !important;}&#8221;][vc_tta_section title=&#8221;How can I find happiness?&#8221; tab_id=&#8221;1452523023882-1d3c01ab-8185&#8243;][vc_raw_html]JTIwQmVsaWV2ZSUyMGluJTIweW91cnNlbGYlMjElMjBIYXZlJTIwZmFpdGglMjBpbiUyMHlvdXIlMjBhYmlsaXRpZXMlMjElMjBXaXRob3V0JTIwYSUyMGh1bWJsZSUyMGJ1dCUyMHJlYXNvbmFibGUlMjBjb25maWRlbmNlJTIwaW4lMjB5b3VyJTIwb3duJTIwcG93ZXJzJTIweW91JTIwY2Fubm90JTIwYmUlMjBzdWNjZXNzZnVsJTIwb3IlMjBoYXBweS4=[\/vc_raw_html][\/vc_tta_section][vc_tta_section title=&#8221;Are you available for freelance work?&#8221; tab_id=&#8221;1452523078568-1630cac7-919c&#8221;][vc_raw_html]WWVzJTIwSSUyMGFtJTIxJTIwanVzdCUyMGNvbnRhY3QlMjBtZSUyMHVzaW5nJTIwdGhlJTIwY29udGFjdCUyMGZvcm0lMjBvbiUyMHRoZSUyMHJpZ2h0JTIwYW5kJTIwaW5kaWNhdGUlMjB5b3VyJTIwYnVkZ2V0JTIwYW5kJTIwYSUyMGRldGFpbGVkJTIwc2NvcGUlMjBvZiUyMHlvdXIlMjB3b3JrLiUyMEZvciUyMHRoZW1lJTIwY3VzdG9taXphdGlvbiUyMG15JTIwaG91cmx5JTIwcmF0ZSUyMGlzJTIwJTI0NjUu[\/vc_raw_html][\/vc_tta_section][vc_tta_section title=&#8221;Is there documentation available for this theme?&#8221; tab_id=&#8221;1452523114541-dc600d1e-1385&#8243;][vc_raw_html]QS4lMjBZZXMlMkMlMjBhJTIwZnVsbCUyMGRvY3VtZW50YXRpb24lMjBpcyUyMGF2YWlsYWJsZSUyMSUyMFRlbXBvciUyMGludmlkdW50JTIwdXQlMjBsYWJvcmUlMjBldCUyMGRvbG9yZSUyMG1hZ25hJTIwYWxpcXV5YW0lMjBlcmF0JTJDJTIwc2VkJTIwZGlhbSUyMHZvbHVwdHVhLiUyMEF0JTIwdmVybyUyMGVvcyUyMGV0JTIwYWNjdXNhbSUyMGV0JTIwanVzdG8lMjBkdW8lMjBkb2xvcmVzJTIwZXQlMjBlYSUyMHJlYnVtLiUyMFN0ZXQlMjBjbGl0YSUyMGthc2QlMjBndWJlcmdyZW4lMkMlMjBubyUyMHNlYSUyMHRha2ltYXRhJTIwc2FuY3R1cyUyMGVzdCUyMEF0JTIwdmVybyUyMGVvcyUyMGV0JTIwYWNjdXNhbSUyMGV0JTIwanVzdG8lMjBkdW8lMjBkb2xvcmVzJTIwZXQlMjBlYSUyMHJlYnVt[\/vc_raw_html][\/vc_tta_section][\/vc_tta_accordion][vc_raw_html]JTNDaHIlM0U=[\/vc_raw_html][vc_custom_heading text=&#8221;TOGGLES&#8221; font_container=&#8221;tag:h3&#8243; use_theme_fonts=&#8221;yes&#8221; letter_spacing=&#8221; 1px&#8221; layout_style=&#8221;uk-module-title&#8221; align=&#8221;wp-celsius-heading-left&#8221; animation=&#8221;&#8221; css=&#8221;.vc_custom_1453944982551{margin-top: 30px !important;}&#8221;][vc_column_text css=&#8221;.vc_custom_1453793443152{margin-bottom: 15px !important;}&#8221;]To hide or show text in a retractable panel, use the <code>FAQ<\/code> element.A good example of how the toggles can be used is in createing a Frequently Asked Question section by using multiple toggles. To have the toggle open on page load, set the &#8216;Default State&#8217; option to <code>open<\/code>; To have the toggle closed by default, set the &#8216;Default State&#8217; option to <code>Closed<\/code>[\/vc_column_text][vc_custom_heading text=&#8221;OPEN TOGGLE&#8221; font_container=&#8221;tag:h3&#8243; use_theme_fonts=&#8221;yes&#8221; letter_spacing=&#8221; 1px&#8221; layout_style=&#8221;uk-module-title&#8221; align=&#8221;wp-celsius-heading-left&#8221; animation=&#8221;&#8221; css=&#8221;.vc_custom_1453884368212{margin-bottom: 20px !important;}&#8221;][vc_toggle title=&#8221;How can I find happiness?&#8221; open=&#8221;true&#8221; el_id=&#8221;1452525952437-f55075a8-c1ad&#8221;]Believe in yourself! Have faith in your abilities! Without a humble but reasonable confidence in your own powers you cannot be successful or happy.[\/vc_toggle][vc_custom_heading text=&#8221;CLOSED TOGGLE&#8221; font_container=&#8221;tag:h3&#8243; use_theme_fonts=&#8221;yes&#8221; letter_spacing=&#8221; 1px&#8221; layout_style=&#8221;uk-module-title&#8221; align=&#8221;wp-celsius-heading-left&#8221; animation=&#8221;&#8221; css=&#8221;.vc_custom_1453793775279{margin-bottom: 20px !important;}&#8221;][vc_toggle title=&#8221;How can I find happiness?&#8221; el_id=&#8221;1452526055903-ef43447e-23f7&#8243; css=&#8221;.vc_custom_1453793851316{margin-bottom: 45px !important;}&#8221;]Believe in yourself! Have faith in your abilities! Without a humble but reasonable confidence in your own powers you cannot be successful or happy.[\/vc_toggle][vc_custom_heading text=&#8221;TOGGLE WITH CODE&#8221; font_container=&#8221;tag:h3&#8243; use_theme_fonts=&#8221;yes&#8221; letter_spacing=&#8221; 1px&#8221; layout_style=&#8221;uk-module-title&#8221; align=&#8221;wp-gaucho-heading-left&#8221; animation=&#8221;&#8221; css=&#8221;.vc_custom_1452526052316{margin-bottom: 30px !important;}&#8221;][vc_toggle title=&#8221;show code&#8221; el_id=&#8221;1452526032111-92d29a23-f56e&#8221; el_class=&#8221;toggle-code&#8221;]<code>&lt;ul&gt; &lt;li class=\"uk-nav-header uk-navbar-nav-subtitle\"&gt;Menu Heading&lt;div&gt;Subtitle possible&lt;\/div&gt;&lt;\/li&gt; &lt;li&gt;&lt;a href=\"#\"&gt;<i>[<\/i>icon style=\"icon-envelope-o\"\/] Menu Icon&lt;\/a&gt;&lt;\/li&gt; &lt;li&gt;&lt;a href=\"#\"&gt;<i>[<\/i>icon style=\"icon-heart-o\"\/] Another Menu item&lt;\/a&gt;&lt;\/li&gt; &lt;li class=\"uk-nav-divider\"&gt;&lt;\/li&gt; &lt;\/ul&gt;<\/code>[\/vc_toggle][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row animation=&#8221;&#8221; panel_style=&#8221;&#8221; css=&#8221;.vc_custom_1455679034235{margin-bottom: 15px !important;}&#8221;][vc_column][vc_custom_heading text=&#8221;ACCORDIONS&#8221; font_container=&#8221;tag:h3&#8243; use_theme_fonts=&#8221;yes&#8221; letter_spacing=&#8221; 1px&#8221; layout_style=&#8221;uk-module-title&#8221; align=&#8221;wp-celsius-heading-left&#8221; animation=&#8221;&#8221;][vc_column_text css=&#8221;.vc_custom_1453793066543{margin-bottom: 45px !important;}&#8221;]To hide or show text in a retractable panel, use the accordion element.[\/vc_column_text][vc_custom_heading text=&#8221;SINGLE&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2062","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.exptheme.com\/celsius\/wp-json\/wp\/v2\/pages\/2062","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.exptheme.com\/celsius\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.exptheme.com\/celsius\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.exptheme.com\/celsius\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.exptheme.com\/celsius\/wp-json\/wp\/v2\/comments?post=2062"}],"version-history":[{"count":0,"href":"https:\/\/demo.exptheme.com\/celsius\/wp-json\/wp\/v2\/pages\/2062\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.exptheme.com\/celsius\/wp-json\/wp\/v2\/media?parent=2062"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}