{"id":98,"date":"2013-04-13T08:04:40","date_gmt":"2013-04-13T08:04:40","guid":{"rendered":"http:\/\/bonsaished.com\/estatement\/?page_id=98"},"modified":"2013-04-13T08:04:40","modified_gmt":"2013-04-13T08:04:40","slug":"accordion","status":"publish","type":"page","link":"http:\/\/qualitaslettings.co.uk\/?page_id=98","title":{"rendered":"Accordion"},"content":{"rendered":"

An accordion is very similar to a tab, but has a vertical orientation. It is similarly useful for displaying more content in smaller spaces. To create an accordion you will need to use the [accordion] shortcode and the [section] shortcode. The setup is exactly the same as before, but the accordion shortcode does not have any parameters. The section shortcode has a title parameter which you must fill out. If you don’t know what shortcodes are we recommend you read our article on How to Use Shortcodes<\/a>. The parameters of this shortcode are:<\/p>\n

title<\/strong>
\nThe title of the section which will be used in the accordion<\/p>\n

Examples<\/h2>\n
[accordion]\n[section title='My First Accordion Section']\nThis is the content of this section\n[\/section]\n[section title='My Second Accordion Section']\nThis is the content of the second section\n[\/section]\n[\/accordion]<\/pre>\n
[accordion]
\n[section title=’My First Accordion Section’]
\nThis is the content of this section
\n[\/section]
\n[section title=’My Second Accordion Section’]
\nThis is the content of the second section
\n[\/section]
\n[\/accordion]<\/p>\n
\n[accordion]\n[title='My First Accordion Section']\n[row]\n[column width='4']\n<img src=\"http:\/\/bonsaished.com\/musico\/wp-content\/uploads\/sites\/3\/2013\/03\/photodune-421792-female-singing-into-mic-m-150x150.jpg\" alt=\"Caucasian female swinging head and hear while singing into microphone.\" width=\"150\" height=\"150\" class=\"alignleft size-thumbnail wp-image-97\" \/>\n[\/column]\n[column width='8']\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta sem malesuada magna mollis euismod. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.\n[\/column]\n[\/row]\n[\/section]\n[section title='My Accordion Section']\nThis is the content of the second section\n[\/section]\n[\/accordion]<\/pre>\n
[accordion]
\n[section title=’My First Accordion Section’]
\n[row]
\n[column width=’4′]
\n\"Modern<\/a>
\n[\/column]
\n[column width=’8′]
\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta sem malesuada magna mollis euismod. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
\n[\/column]
\n[\/row]
\n[\/section]
\n[section title=’My Accordion Section’]
\nThis is the content of the second section
\n[\/section]
\n[\/accordion]<\/p>\n","protected":false},"excerpt":{"rendered":"
An accordion is very similar to a tab, but has a vertical orientation. It is similarly useful for displaying more content in smaller spaces. To create an accordion you will need to use the [accordion] shortcode and the [section] shortcode. The setup is exactly the same as before, but the accordion shortcode does not have […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":87,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-98","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/qualitaslettings.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/98","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/qualitaslettings.co.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/qualitaslettings.co.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/qualitaslettings.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/qualitaslettings.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=98"}],"version-history":[{"count":0,"href":"http:\/\/qualitaslettings.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/98\/revisions"}],"up":[{"embeddable":true,"href":"http:\/\/qualitaslettings.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/87"}],"wp:attachment":[{"href":"http:\/\/qualitaslettings.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=98"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}