{"id":40,"date":"2013-03-21T12:09:48","date_gmt":"2013-03-21T08:39:48","guid":{"rendered":"http:\/\/paiwar-alarm.com\/new\/2013\/03\/21\/accordions-designs\/"},"modified":"2013-03-21T12:09:48","modified_gmt":"2013-03-21T08:39:48","slug":"accordions-designs","status":"publish","type":"post","link":"http:\/\/paiwar-alarm.com\/en\/?p=40","title":{"rendered":"Accordions Designs"},"content":{"rendered":"

Get base styles and flexible support for collapsible components like accordions and navigation.<\/p>\n

The example above has the class=\"acc-group default-style\"<\/code>, where default-style<\/strong> has the styling.<\/p>\n

\u00a0<\/p>\n

[acc title=”Duis aute irure dolor in reprehenderit in voluptate.” ] Vivamus ut molestie nulla. Aenean vel tortor velit. Morbi quis varius tortor. Quisque sit amet leo purus, eget accumsan lorem. Curabitur fringilla ipsum id quam lacinia venenatis. [\/acc]<\/p>\n

[acc title=”Duis aute irure dolor in reprehenderit in voluptate.” ] Vivamus ut molestie nulla. Aenean vel tortor velit. Morbi quis varius tortor. Quisque sit amet leo purus, eget accumsan lorem. Curabitur fringilla ipsum id quam lacinia venenatis. [\/acc]<\/p>\n

[acc title=”Duis aute irure dolor in reprehenderit in voluptate.” ] Vivamus ut molestie nulla. Aenean vel tortor velit. Morbi quis varius tortor. Quisque sit amet leo purus, eget accumsan lorem. Curabitur fringilla ipsum id quam lacinia venenatis. [\/acc]<\/p>\n

SHORTCODE PARAMS<\/h3>\n
\n

[show_shortcode][acc title=”” style=”” start_opened=”” tweaked=””] … [\/acc][\/show_shortcode]<\/p>\n

\u00a0<\/p>\n

style<\/strong> = default-style \/ style2 \/ style3<\/p>\n

tweaks<\/strong> = yes \/ no<\/p>\n

start_opened<\/strong> = yes \/ no<\/p>\n<\/div>\n

SHORTCODE DEMO<\/h3>\n
[show_shortcode]\r\n[acc title=\" the title here \" style=\"default-style\" ] \r\n  ... content here\r\n[\/acc]\r\n[\/show_shortcode]\r\n<\/pre>\n
Other Styles – style2<\/h3>\n
[acc title=”Duis aute irure dolor in reprehenderit in voluptate.” style=”style2″ ] Vivamus ut molestie nulla. Aenean vel tortor velit. Morbi quis varius tortor. Quisque sit amet leo purus, eget accumsan lorem. Curabitur fringilla ipsum id quam lacinia venenatis. [\/acc]<\/p>\n
[acc title=”Duis aute irure dolor in reprehenderit in voluptate.” style=”style2″ ] Vivamus ut molestie nulla. Aenean vel tortor velit. Morbi quis varius tortor. Quisque sit amet leo purus, eget accumsan lorem. Curabitur fringilla ipsum id quam lacinia venenatis. [\/acc]<\/p>\n
[acc title=”Duis aute irure dolor in reprehenderit in voluptate.” style=”style2″ ] Vivamus ut molestie nulla. Aenean vel tortor velit. Morbi quis varius tortor. Quisque sit amet leo purus, eget accumsan lorem. Curabitur fringilla ipsum id quam lacinia venenatis. [\/acc]<\/p>\n
Other Styles – style3<\/h3>\n
[acc title=”Duis aute irure dolor in reprehenderit in voluptate.” style=”style3″ ] Vivamus ut molestie nulla. Aenean vel tortor velit. Morbi quis varius tortor. Quisque sit amet leo purus, eget accumsan lorem. Curabitur fringilla ipsum id quam lacinia venenatis. [\/acc]<\/p>\n
[acc title=”Duis aute irure dolor in reprehenderit in voluptate.” style=”style3″ ] Vivamus ut molestie nulla. Aenean vel tortor velit. Morbi quis varius tortor. Quisque sit amet leo purus, eget accumsan lorem. Curabitur fringilla ipsum id quam lacinia venenatis. [\/acc]<\/p>\n
[acc title=”Duis aute irure dolor in reprehenderit in voluptate.” style=”style3″ ] Vivamus ut molestie nulla. Aenean vel tortor velit. Morbi quis varius tortor. Quisque sit amet leo purus, eget accumsan lorem. Curabitur fringilla ipsum id quam lacinia venenatis. [\/acc]<\/p>\n
[prettyprint_script]<\/p>\n","protected":false},"excerpt":{"rendered":"
Get base styles and flexible support for collapsible components like accordions and navigation. The example above has the class=”acc-group default-style”, where default-style has the styling. \u00a0 [acc title=”Duis aute irure dolor in reprehenderit in voluptate.” ] Vivamus ut molestie nulla. Aenean vel tortor velit. Morbi quis varius tortor. Quisque sit amet leo purus, eget accumsan […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-40","post","type-post","status-publish","format-standard","hentry","category-site-content"],"_links":{"self":[{"href":"http:\/\/paiwar-alarm.com\/en\/index.php?rest_route=\/wp\/v2\/posts\/40","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/paiwar-alarm.com\/en\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/paiwar-alarm.com\/en\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/paiwar-alarm.com\/en\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/paiwar-alarm.com\/en\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=40"}],"version-history":[{"count":0,"href":"http:\/\/paiwar-alarm.com\/en\/index.php?rest_route=\/wp\/v2\/posts\/40\/revisions"}],"wp:attachment":[{"href":"http:\/\/paiwar-alarm.com\/en\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=40"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/paiwar-alarm.com\/en\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=40"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/paiwar-alarm.com\/en\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}