{"id":394,"date":"2020-09-24T03:38:20","date_gmt":"2020-09-24T03:38:20","guid":{"rendered":"https:\/\/devon.brickthemes.com\/?page_id=67"},"modified":"2020-09-24T03:38:20","modified_gmt":"2020-09-24T03:38:20","slug":"accordion","status":"publish","type":"page","link":"https:\/\/trivick.com\/es_cl\/accordion\/","title":{"rendered":"Accordion"},"content":{"rendered":"
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Default Accordion<\/h3>

At first, we have shown our accordion default example here. Just you can insert this element then you can change settings as you need.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\r\n
\r\n
\r\n
\r\n\r\n \r\n\r\n \r\n <\/i> <\/span>\r\n \r\n \r\n <\/i> <\/span>\r\n \r\n <\/span>\r\n \r\n \r\n\r\n Accordion #1 <\/span>\r\n\r\n <\/div>\r\n
\r\n I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. <\/div>\r\n <\/div>\r\n
\r\n
\r\n\r\n \r\n\r\n \r\n <\/i> <\/span>\r\n \r\n \r\n <\/i> <\/span>\r\n \r\n <\/span>\r\n \r\n \r\n\r\n Accordion #2 <\/span>\r\n\r\n <\/div>\r\n
\r\n I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. <\/div>\r\n <\/div>\r\n
\r\n
\r\n\r\n \r\n\r\n \r\n <\/i> <\/span>\r\n \r\n \r\n <\/i> <\/span>\r\n \r\n <\/span>\r\n \r\n \r\n\r\n Accordion #3 <\/span>\r\n\r\n <\/div>\r\n
\r\n I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\r\n
\r\n
\r\n
\r\n\r\n \r\n\r\n \r\n <\/i> <\/span>\r\n \r\n \r\n <\/i> <\/span>\r\n \r\n <\/span>\r\n \r\n \r\n\r\n Accordion #1 <\/span>\r\n\r\n <\/div>\r\n
\r\n I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. <\/div>\r\n <\/div>\r\n
\r\n
\r\n\r\n \r\n\r\n \r\n <\/i> <\/span>\r\n \r\n \r\n <\/i> <\/span>\r\n \r\n <\/span>\r\n \r\n \r\n\r\n Accordion #2 <\/span>\r\n\r\n <\/div>\r\n
\r\n I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. <\/div>\r\n <\/div>\r\n
\r\n
\r\n\r\n \r\n\r\n \r\n <\/i> <\/span>\r\n \r\n \r\n <\/i> <\/span>\r\n \r\n <\/span>\r\n \r\n \r\n\r\n Accordion #3 <\/span>\r\n\r\n <\/div>\r\n
\r\n I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Icon Replacement<\/h3>

In this part, we have shown our accordion Icon Change example. Just you can insert this element then you can change the icon as your choice.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Multiple Open Accordion<\/h3>

In this part, we have shown our accordion multi open example. Just you can insert this element then you can set multi open (yes\/no) as your choice.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\r\n
\r\n
\r\n
\r\n\r\n \r\n\r\n \r\n <\/i> <\/span>\r\n \r\n \r\n <\/i> <\/span>\r\n \r\n <\/span>\r\n \r\n \r\n\r\n Accordion #1 <\/span>\r\n\r\n <\/div>\r\n
\r\n I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. <\/div>\r\n <\/div>\r\n
\r\n
\r\n\r\n \r\n\r\n \r\n <\/i> <\/span>\r\n \r\n \r\n <\/i> <\/span>\r\n \r\n <\/span>\r\n \r\n \r\n\r\n Accordion #2 <\/span>\r\n\r\n <\/div>\r\n
\r\n I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. <\/div>\r\n <\/div>\r\n
\r\n
\r\n\r\n \r\n\r\n \r\n <\/i> <\/span>\r\n \r\n \r\n <\/i> <\/span>\r\n \r\n <\/span>\r\n \r\n \r\n\r\n Accordion #3 <\/span>\r\n\r\n <\/div>\r\n
\r\n I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\r\n
\r\n
\r\n
\r\n\r\n \r\n\r\n \r\n <\/i> <\/span>\r\n \r\n \r\n <\/i> <\/span>\r\n \r\n <\/span>\r\n \r\n \r\n\r\n Accordion #1 <\/span>\r\n\r\n <\/div>\r\n
\r\n I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. <\/div>\r\n <\/div>\r\n
\r\n
\r\n\r\n \r\n\r\n \r\n <\/i> <\/span>\r\n \r\n \r\n <\/i> <\/span>\r\n \r\n <\/span>\r\n \r\n \r\n\r\n Accordion #2 <\/span>\r\n\r\n <\/div>\r\n
\r\n I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. <\/div>\r\n <\/div>\r\n
\r\n
\r\n\r\n \r\n\r\n \r\n <\/i> <\/span>\r\n \r\n \r\n <\/i> <\/span>\r\n \r\n <\/span>\r\n \r\n \r\n\r\n Accordion #3 <\/span>\r\n\r\n <\/div>\r\n
\r\n I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Active Background and Color Change<\/h3>

In this part, we have shown our accordion Active Background and Color example. If you want you can set active background color and text color as your choice.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"

Default Accordion<\/p>\n

At first, we have shown our accordion default example here. Just you can insert this element then you can change settings as you need.<\/p>\n

","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-nosidebar.php","meta":{"footnotes":""},"class_list":["post-394","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/trivick.com\/es_cl\/wp-json\/wp\/v2\/pages\/394","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trivick.com\/es_cl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trivick.com\/es_cl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trivick.com\/es_cl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trivick.com\/es_cl\/wp-json\/wp\/v2\/comments?post=394"}],"version-history":[{"count":0,"href":"https:\/\/trivick.com\/es_cl\/wp-json\/wp\/v2\/pages\/394\/revisions"}],"wp:attachment":[{"href":"https:\/\/trivick.com\/es_cl\/wp-json\/wp\/v2\/media?parent=394"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}