{"id":44,"date":"2016-03-31T14:37:54","date_gmt":"2016-03-31T14:37:54","guid":{"rendered":"http:\/\/flatsome.dev\/?page_id=7011"},"modified":"2020-06-10T13:08:51","modified_gmt":"2020-06-10T13:08:51","slug":"accordion","status":"publish","type":"page","link":"https:\/\/www.lukster.com.ua\/uk\/elements\/accordion\/","title":{"rendered":"Accordion"},"content":{"rendered":"<div class=\"banner has-hover\" id=\"banner-1550095117\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill\"><\/div>\n                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-108957413\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n<h3 class=\"uppercase\"><strong>Accordion element<\/strong><\/h3>\n<p class=\"lead\">Create beautiful accordion sections. You can add any element to the accordion panels.<\/p>\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-108957413 {\n  width: 60%;\n}\n#text-box-108957413 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1550095117 {\n  padding-top: 338px;\n}\n#banner-1550095117 .bg.bg-loaded {\n  background-image: url(https:\/\/www.lukster.com.ua\/wp-content\/uploads\/2016\/08\/dummy-2.jpg);\n}\n#banner-1550095117 .overlay {\n  background-color: rgba(0, 0, 0, 0.41);\n}\n<\/style>\n  <\/div>\n\n\n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b><\/b><span class=\"section-title-main\" >Simple accordion<\/span><b><\/b><\/h3><\/div>\n<div class=\"row\"  id=\"row-482180069\">\n\n\t<div id=\"col-846906519\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<div class=\"accordion\">\n\t<div id=\"accordion-3442234684\" class=\"accordion-item\">\n\t\t<a id=\"accordion-3442234684-label\" class=\"accordion-title plain\" href=\"#accordion-item-accordion_title\" aria-expanded=\"false\" aria-controls=\"accordion-3442234684-content\" >\n\t\t\t<button class=\"toggle\" aria-label=\"Toggle\"><i class=\"icon-angle-down\"><\/i><\/button>\n\t\t\t<span>Accordion Title<\/span>\n\t\t<\/a>\n\t\t<div id=\"accordion-3442234684-content\" class=\"accordion-inner\" aria-labelledby=\"accordion-3442234684-label\" >\n\t\t\t\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.<\/p>\n\t\t<\/div>\n\t<\/div>\n\t\n\t<div id=\"accordion-2592872210\" class=\"accordion-item\">\n\t\t<a id=\"accordion-2592872210-label\" class=\"accordion-title plain\" href=\"#accordion-item-accordion_item_1_title\" aria-expanded=\"false\" aria-controls=\"accordion-2592872210-content\" >\n\t\t\t<button class=\"toggle\" aria-label=\"Toggle\"><i class=\"icon-angle-down\"><\/i><\/button>\n\t\t\t<span>Accordion Item 1 Title<\/span>\n\t\t<\/a>\n\t\t<div id=\"accordion-2592872210-content\" class=\"accordion-inner\" aria-labelledby=\"accordion-2592872210-label\" >\n\t\t\t\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.<\/p>\n\t\t<\/div>\n\t<\/div>\n\t\n\t<div id=\"accordion-1851747507\" class=\"accordion-item\">\n\t\t<a id=\"accordion-1851747507-label\" class=\"accordion-title plain\" href=\"#accordion-item-accordion_item_2_title\" aria-expanded=\"false\" aria-controls=\"accordion-1851747507-content\" >\n\t\t\t<button class=\"toggle\" aria-label=\"Toggle\"><i class=\"icon-angle-down\"><\/i><\/button>\n\t\t\t<span>Accordion Item 2 Title<\/span>\n\t\t<\/a>\n\t\t<div id=\"accordion-1851747507-content\" class=\"accordion-inner\" aria-labelledby=\"accordion-1851747507-label\" >\n\t\t\t\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.<\/p>\n\t\t<\/div>\n\t<\/div>\n\t\n\t<div id=\"accordion-3511737635\" class=\"accordion-item\">\n\t\t<a id=\"accordion-3511737635-label\" class=\"accordion-title plain\" href=\"#accordion-item-add_any_element_to_accordion\" aria-expanded=\"false\" aria-controls=\"accordion-3511737635-content\" >\n\t\t\t<button class=\"toggle\" aria-label=\"Toggle\"><i class=\"icon-angle-down\"><\/i><\/button>\n\t\t\t<span>Add any element to accordion<\/span>\n\t\t<\/a>\n\t\t<div id=\"accordion-3511737635-content\" class=\"accordion-inner\" aria-labelledby=\"accordion-3511737635-label\" >\n\t\t\t\n\n  \n    <div class=\"row large-columns-3 medium-columns- small-columns-1 slider row-slider slider-nav-reveal slider-nav-push\"  data-flickity-options='{\"imagesLoaded\": true, \"groupCells\": \"100%\", \"dragThreshold\" : 5, \"cellAlign\": \"left\",\"wrapAround\": true,\"prevNextButtons\": true,\"percentPosition\": true,\"pageDots\": false, \"rightToLeft\": false, \"autoPlay\" : false}' >\n\n  <div class=\"col post-item\" >\n\t\t\t<div class=\"col-inner\">\n\t\t\t\t<div class=\"box box-normal box-text-bottom box-blog-post has-hover\">\n          \t\t\t\t\t<div class=\"box-text text-center\" >\n\t\t\t\t\t<div class=\"box-text-inner blog-post-inner\">\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<h5 class=\"post-title is-large\">\n\t\t\t\t\t\t<a href=\"https:\/\/www.lukster.com.ua\/uk\/ljuki-pod-pokrasku-ili-krasivo-zhit-ne-zapretish\/\" class=\"plain\">\u041b\u044e\u043a\u0438 \u043f\u043e\u0434 \u043f\u043e\u043a\u0440\u0430\u0441\u043a\u0443 -\u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0435 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435.<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t<div class=\"post-meta is-small op-8\">30 \u0413\u0440\u0443\u0434\u043d\u044f, 2023<\/div>\t\t\t\t\t<div class=\"is-divider\"><\/div>\n\t\t\t\t\t\t\t\t\t\t<p class=\"from_the_blog_excerpt\"> [...]\t\t\t\t\t<\/p>\n\t\t\t\t\t                    \n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div><div class=\"col post-item\" >\n\t\t\t<div class=\"col-inner\">\n\t\t\t\t<div class=\"box box-normal box-text-bottom box-blog-post has-hover\">\n          \t\t\t\t\t<div class=\"box-text text-center\" >\n\t\t\t\t\t<div class=\"box-text-inner blog-post-inner\">\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<h5 class=\"post-title is-large\">\n\t\t\t\t\t\t<a href=\"https:\/\/www.lukster.com.ua\/uk\/ljuki-skrytogo-montazha-sovremennye-reshenija-ot-kompanii-lukster\/\" class=\"plain\">\u041b\u044e\u043a\u0438 \u0441\u043a\u0440\u044b\u0442\u043e\u0433\u043e \u043c\u043e\u043d\u0442\u0430\u0436\u0430 \u0441 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043f\u0440\u0438\u0432\u043e\u0434\u043e\u043c- \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u043e\u0442 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 Lukster<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t<div class=\"post-meta is-small op-8\">30 \u0413\u0440\u0443\u0434\u043d\u044f, 2023<\/div>\t\t\t\t\t<div class=\"is-divider\"><\/div>\n\t\t\t\t\t\t\t\t\t\t<p class=\"from_the_blog_excerpt\">\u0421\u0435\u0433\u043e\u0434\u043d\u044f \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u044b \u0443\u0434\u0435\u043b\u044f\u044e\u0442 \u0431\u043e\u043b\u044c\u0448\u043e\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u0432 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0438 \u0438\u043d\u0442\u0435\u0440\u044c\u0435\u0440\u0430 \u0438 \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u044e\u0442 \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0435 \u043e\u0442\u0434\u0435\u043b\u043e\u0447\u043d\u044b\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b \u0434\u043b\u044f [...]\t\t\t\t\t<\/p>\n\t\t\t\t\t                    \n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div><div class=\"col post-item\" >\n\t\t\t<div class=\"col-inner\">\n\t\t\t\t<div class=\"box box-normal box-text-bottom box-blog-post has-hover\">\n          \t\t\t\t\t<div class=\"box-text text-center\" >\n\t\t\t\t\t<div class=\"box-text-inner blog-post-inner\">\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<h5 class=\"post-title is-large\">\n\t\t\t\t\t\t<a href=\"https:\/\/www.lukster.com.ua\/uk\/2531-2\/\" class=\"plain\">\u0420\u0435\u0432\u0438\u0437\u0438\u043e\u043d\u043d\u044b\u0435 \u043b\u044e\u043a\u0438 \u043f\u043e\u0434 \u043a\u0435\u0440\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0443\u044e \u043f\u043b\u0438\u0442\u043a\u0443<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t<div class=\"post-meta is-small op-8\">16 \u041b\u0438\u0441\u0442\u043e\u043f\u0430\u0434\u0430, 2023<\/div>\t\t\t\t\t<div class=\"is-divider\"><\/div>\n\t\t\t\t\t\t\t\t\t\t<p class=\"from_the_blog_excerpt\">\u0427\u0442\u043e \u0442\u0430\u043a\u043e\u0435 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u043b\u044e\u043a\u0438 \u0438 \u0437\u0430\u0447\u0435\u043c \u0438\u0445 \u0441\u043a\u0440\u044b\u0432\u0430\u0442\u044c? \u0420\u0435\u0432\u0438\u0437\u0438\u043e\u043d\u043d\u044b\u0435 \u043b\u044e\u043a\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0434\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e [...]\t\t\t\t\t<\/p>\n\t\t\t\t\t                    \n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div><div class=\"col post-item\" >\n\t\t\t<div class=\"col-inner\">\n\t\t\t\t<div class=\"box box-normal box-text-bottom box-blog-post has-hover\">\n          \t\t\t\t\t<div class=\"box-text text-center\" >\n\t\t\t\t\t<div class=\"box-text-inner blog-post-inner\">\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<h5 class=\"post-title is-large\">\n\t\t\t\t\t\t<a href=\"https:\/\/www.lukster.com.ua\/uk\/dobavlen-ljuk-ceramic\/\" class=\"plain\">\u0414\u043e\u0431\u0430\u0432\u043b\u0435\u043d \u043b\u044e\u043a Ceramic<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t<div class=\"post-meta is-small op-8\">22 \u0416\u043e\u0432\u0442\u043d\u044f, 2021<\/div>\t\t\t\t\t<div class=\"is-divider\"><\/div>\n\t\t\t\t\t\t\t\t\t\t<p class=\"from_the_blog_excerpt\">\u0414\u043e\u0431\u0430\u0432\u043b\u0435\u043d \u043b\u044e\u043a Ceramic, \u0430 \u0442\u0430\u043a\u0436\u0435 \u043e\u0442\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u0430 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u044f \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438 \u043f\u0440\u0438\u0432\u043e\u0434\u043e\u0432 BFT \u043d\u0430 \u043d\u0430\u043f\u043e\u043b\u044c\u043d\u044b\u0435 \u043b\u044e\u043a\u0438. [...]\t\t\t\t\t<\/p>\n\t\t\t\t\t                    \n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div><div class=\"col post-item\" >\n\t\t\t<div class=\"col-inner\">\n\t\t\t\t<div class=\"box box-normal box-text-bottom box-blog-post has-hover\">\n          \t\t\t\t\t<div class=\"box-text text-center\" >\n\t\t\t\t\t<div class=\"box-text-inner blog-post-inner\">\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<h5 class=\"post-title is-large\">\n\t\t\t\t\t\t<a href=\"https:\/\/www.lukster.com.ua\/uk\/hello-world\/\" class=\"plain\">Lukster.com.ua \u043d\u0430\u0447\u0430\u043b \u0441\u0432\u043e\u044e \u0440\u0430\u0431\u043e\u0442\u0443<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t<div class=\"post-meta is-small op-8\">26 \u0421\u0456\u0447\u043d\u044f, 2021<\/div>\t\t\t\t\t<div class=\"is-divider\"><\/div>\n\t\t\t\t\t\t\t\t\t\t<p class=\"from_the_blog_excerpt\">\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u044f \u041b\u044e\u043a\u0441\u0442\u0435\u0440 \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u043b\u0430 \u0432 \u0440\u0430\u0431\u043e\u0442\u0443 \u0441\u0432\u043e\u0439 \u0441\u0430\u0439\u0442! [...]\t\t\t\t\t<\/p>\n\t\t\t\t\t                    \n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div><\/div>\n<a class=\"button primary is-outline\"  >\n    <span>Click me!<\/span>\n  <\/a>\n\n\t\t<\/div>\n\t<\/div>\n\t\n<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":12,"parent":97,"menu_order":99,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"footnotes":""},"folder":[],"_links":{"self":[{"href":"https:\/\/www.lukster.com.ua\/uk\/wp-json\/wp\/v2\/pages\/44"}],"collection":[{"href":"https:\/\/www.lukster.com.ua\/uk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.lukster.com.ua\/uk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.lukster.com.ua\/uk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lukster.com.ua\/uk\/wp-json\/wp\/v2\/comments?post=44"}],"version-history":[{"count":1,"href":"https:\/\/www.lukster.com.ua\/uk\/wp-json\/wp\/v2\/pages\/44\/revisions"}],"predecessor-version":[{"id":119,"href":"https:\/\/www.lukster.com.ua\/uk\/wp-json\/wp\/v2\/pages\/44\/revisions\/119"}],"up":[{"embeddable":true,"href":"https:\/\/www.lukster.com.ua\/uk\/wp-json\/wp\/v2\/pages\/97"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lukster.com.ua\/uk\/wp-json\/wp\/v2\/media\/12"}],"wp:attachment":[{"href":"https:\/\/www.lukster.com.ua\/uk\/wp-json\/wp\/v2\/media?parent=44"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/www.lukster.com.ua\/uk\/wp-json\/wp\/v2\/folder?post=44"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}