{"id":1220,"date":"2016-03-31T14:37:54","date_gmt":"2016-03-31T14:37:54","guid":{"rendered":"https:\/\/logitech.cms.com.vn\/accordion\/"},"modified":"2016-03-31T14:37:54","modified_gmt":"2016-03-31T14:37:54","slug":"accordion","status":"publish","type":"page","link":"https:\/\/logitech.cms.com.vn\/en\/elements\/accordion\/","title":{"rendered":"Accordion"},"content":{"rendered":"\n  <div class=\"banner has-hover\" id=\"banner-1014695805\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img decoding=\"async\" width=\"1000\" height=\"650\" src=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1.jpg\" class=\"bg attachment-large size-large\" alt=\"\" \/>                        <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-1476905526\" 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-1476905526 {\n  width: 60%;\n}\n#text-box-1476905526 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1014695805 {\n  padding-top: 338px;\n}\n#banner-1014695805 .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 aria-hidden=\"true\"><\/b><span class=\"section-title-main\" >Simple accordion<\/span><b aria-hidden=\"true\"><\/b><\/h3><\/div>\n<div class=\"row\"  id=\"row-124037143\">\n\n\t<div id=\"col-1656798629\" 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-3113743357\" class=\"accordion-item\">\n\t\t<a id=\"accordion-3113743357-label\" class=\"accordion-title plain\" href=\"#accordion-item-accordion-title\" aria-expanded=\"false\" aria-controls=\"accordion-3113743357-content\">\n\t\t\t<button class=\"toggle\" aria-label=\"Toggle\"><i class=\"icon-angle-down\" aria-hidden=\"true\"><\/i><\/button>\n\t\t\t<span>Accordion Title<\/span>\n\t\t<\/a>\n\t\t<div id=\"accordion-3113743357-content\" class=\"accordion-inner\" aria-labelledby=\"accordion-3113743357-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-2261615995\" class=\"accordion-item\">\n\t\t<a id=\"accordion-2261615995-label\" class=\"accordion-title plain\" href=\"#accordion-item-accordion-item-1-title\" aria-expanded=\"false\" aria-controls=\"accordion-2261615995-content\">\n\t\t\t<button class=\"toggle\" aria-label=\"Toggle\"><i class=\"icon-angle-down\" aria-hidden=\"true\"><\/i><\/button>\n\t\t\t<span>Accordion Item 1 Title<\/span>\n\t\t<\/a>\n\t\t<div id=\"accordion-2261615995-content\" class=\"accordion-inner\" aria-labelledby=\"accordion-2261615995-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-2457532299\" class=\"accordion-item\">\n\t\t<a id=\"accordion-2457532299-label\" class=\"accordion-title plain\" href=\"#accordion-item-accordion-item-2-title\" aria-expanded=\"false\" aria-controls=\"accordion-2457532299-content\">\n\t\t\t<button class=\"toggle\" aria-label=\"Toggle\"><i class=\"icon-angle-down\" aria-hidden=\"true\"><\/i><\/button>\n\t\t\t<span>Accordion Item 2 Title<\/span>\n\t\t<\/a>\n\t\t<div id=\"accordion-2457532299-content\" class=\"accordion-inner\" aria-labelledby=\"accordion-2457532299-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-2991238505\" class=\"accordion-item\">\n\t\t<a id=\"accordion-2991238505-label\" class=\"accordion-title plain\" href=\"#accordion-item-add-any-element-to-accordion\" aria-expanded=\"false\" aria-controls=\"accordion-2991238505-content\">\n\t\t\t<button class=\"toggle\" aria-label=\"Toggle\"><i class=\"icon-angle-down\" aria-hidden=\"true\"><\/i><\/button>\n\t\t\t<span>Add any element to accordion<\/span>\n\t\t<\/a>\n\t\t<div id=\"accordion-2991238505-content\" class=\"accordion-inner\" aria-labelledby=\"accordion-2991238505-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='{&quot;imagesLoaded&quot;: true, &quot;groupCells&quot;: &quot;100%&quot;, &quot;dragThreshold&quot; : 5, &quot;cellAlign&quot;: &quot;left&quot;,&quot;wrapAround&quot;: true,&quot;prevNextButtons&quot;: true,&quot;percentPosition&quot;: true,&quot;pageDots&quot;: false, &quot;rightToLeft&quot;: false, &quot;autoPlay&quot; : 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:\/\/logitech.cms.com.vn\/en\/chinh-sach-bao-hanh\/\" class=\"plain\">Ch\u00ednh s\u00e1ch b\u1ea3o h\u00e0nh<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t<div class=\"post-meta is-small op-8\">2 June, 2025<\/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 \">\n\t\t\t\t\t\t1. H\u00ecnh th\u1ee9c b\u1ea3o h\u00e0nh. B\u1ea3o h\u00e0nh ti\u00eau chu\u1ea9n t\u1ea1i \u0111\u1ecba ch\u1ec9 C\u00f4ng ty TNHH [...]\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:\/\/logitech.cms.com.vn\/en\/chao-moi-nguoi\/\" class=\"plain\">Ch\u00e0o t\u1ea5t c\u1ea3 m\u1ecdi ng\u01b0\u1eddi!<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t<div class=\"post-meta is-small op-8\">12 May, 2025<\/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 \">\n\t\t\t\t\t\tC\u1ea3m \u01a1n v\u00ec \u0111\u00e3 s\u1eed d\u1ee5ng WordPress. \u0110\u00e2y l\u00e0 b\u00e0i vi\u1ebft \u0111\u1ea7u ti\u00ean c\u1ee7a b\u1ea1n. [...]\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-image\" >\n  \t\t\t\t\t\t<div class=\"image-cover\" style=\"padding-top:56.25%;\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/logitech.cms.com.vn\/en\/welcome-to-flatsome\/\" class=\"plain\" aria-label=\"Welcome to Flatsome\">\n\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"300\" height=\"195\" src=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1-300x195.jpg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" srcset=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1-300x195.jpg 300w, https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1.jpg 400w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t<\/a>\n  \t\t\t\t\t\t\t  \t\t\t\t\t\t\t  \t\t\t\t\t\t<\/div>\n  \t\t\t\t\t\t  \t\t\t\t\t<\/div>\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:\/\/logitech.cms.com.vn\/en\/welcome-to-flatsome\/\" class=\"plain\">Welcome to Flatsome<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t\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 \">\n\t\t\t\t\t\tWelcome to WordPress. This is your first post. Edit or delete it, then start blogging! [...]\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\t\t\t\t\t\t\t<div class=\"badge absolute top post-date badge-outline\">\n\t\t\t\t\t\t\t<div class=\"badge-inner\">\n\t\t\t\t\t\t\t\t<span class=\"post-date-day\">19<\/span><br>\n\t\t\t\t\t\t\t\t<span class=\"post-date-month is-xsmall\">Nov<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\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-image\" >\n  \t\t\t\t\t\t<div class=\"image-cover\" style=\"padding-top:56.25%;\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/logitech.cms.com.vn\/en\/velkommen-til-bloggen-min\/\" class=\"plain\" aria-label=\"Just another post with A Gallery\">\n\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"300\" height=\"195\" src=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1-300x195.jpg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" srcset=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1-300x195.jpg 300w, https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1.jpg 400w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t<\/a>\n  \t\t\t\t\t\t\t  \t\t\t\t\t\t\t  \t\t\t\t\t\t<\/div>\n  \t\t\t\t\t\t  \t\t\t\t\t<\/div>\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:\/\/logitech.cms.com.vn\/en\/velkommen-til-bloggen-min\/\" class=\"plain\">Just another post with A Gallery<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t\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 \">\n\t\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. In sed vulputate massa. Fusce ante magna, [...]\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\t\t\t\t\t\t\t<div class=\"badge absolute top post-date badge-outline\">\n\t\t\t\t\t\t\t<div class=\"badge-inner\">\n\t\t\t\t\t\t\t\t<span class=\"post-date-day\">13<\/span><br>\n\t\t\t\t\t\t\t\t<span class=\"post-date-month is-xsmall\">Oct<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\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-image\" >\n  \t\t\t\t\t\t<div class=\"image-cover\" style=\"padding-top:56.25%;\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/logitech.cms.com.vn\/en\/a-simple-blog-post\/\" class=\"plain\" aria-label=\"A Simple Blog Post\">\n\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"300\" height=\"195\" src=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1-300x195.jpg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" srcset=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1-300x195.jpg 300w, https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1.jpg 400w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t<\/a>\n  \t\t\t\t\t\t\t  \t\t\t\t\t\t\t  \t\t\t\t\t\t<\/div>\n  \t\t\t\t\t\t  \t\t\t\t\t<\/div>\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:\/\/logitech.cms.com.vn\/en\/a-simple-blog-post\/\" class=\"plain\">A Simple Blog Post<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t\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 \">\n\t\t\t\t\t\tLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut [...]\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\t\t\t\t\t\t\t<div class=\"badge absolute top post-date badge-outline\">\n\t\t\t\t\t\t\t<div class=\"badge-inner\">\n\t\t\t\t\t\t\t\t<span class=\"post-date-day\">13<\/span><br>\n\t\t\t\t\t\t\t\t<span class=\"post-date-month is-xsmall\">Oct<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\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 has-post-icon\" >\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-image\" >\n  \t\t\t\t\t\t<div class=\"image-cover\" style=\"padding-top:56.25%;\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/logitech.cms.com.vn\/en\/a-video-blog-post\/\" class=\"plain\" aria-label=\"A Video Blog Post\">\n\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"300\" height=\"195\" src=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1-300x195.jpg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" srcset=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1-300x195.jpg 300w, https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1.jpg 400w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t<\/a>\n  \t\t\t\t\t\t\t  \t\t\t\t\t\t\t  \t\t\t\t\t\t<\/div>\n  \t\t\t\t\t\t  \t\t\t\t\t\t\t<div class=\"absolute no-click x50 y50 md-x50 md-y50 lg-x50 lg-y50\">\n  \t\t\t\t            \t<div class=\"overlay-icon\">\n  \t\t\t\t                    <i class=\"icon-play\" aria-hidden=\"true\"><\/i>  \t\t\t\t                <\/div>\n  \t\t\t\t            <\/div>\n  \t\t\t\t\t\t  \t\t\t\t\t<\/div>\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:\/\/logitech.cms.com.vn\/en\/a-video-blog-post\/\" class=\"plain\">A Video Blog Post<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t\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 \">\n\t\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. In sed vulputate massa. Fusce ante magna, [...]\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\t\t\t\t\t\t\t<div class=\"badge absolute top post-date badge-outline\">\n\t\t\t\t\t\t\t<div class=\"badge-inner\">\n\t\t\t\t\t\t\t\t<span class=\"post-date-day\">01<\/span><br>\n\t\t\t\t\t\t\t\t<span class=\"post-date-month is-xsmall\">Jan<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\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-image\" >\n  \t\t\t\t\t\t<div class=\"image-cover\" style=\"padding-top:56.25%;\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/logitech.cms.com.vn\/en\/just-a-cool-blog-post-with-images\/\" class=\"plain\" aria-label=\"Just a cool blog post with Images\">\n\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"300\" height=\"195\" src=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1-300x195.jpg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" srcset=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1-300x195.jpg 300w, https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1.jpg 400w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t<\/a>\n  \t\t\t\t\t\t\t  \t\t\t\t\t\t\t  \t\t\t\t\t\t<\/div>\n  \t\t\t\t\t\t  \t\t\t\t\t<\/div>\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:\/\/logitech.cms.com.vn\/en\/just-a-cool-blog-post-with-images\/\" class=\"plain\">Just a cool blog post with Images<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t\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 \">\n\t\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. In sed vulputate massa. Fusce ante magna, [...]\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\t\t\t\t\t\t\t<div class=\"badge absolute top post-date badge-outline\">\n\t\t\t\t\t\t\t<div class=\"badge-inner\">\n\t\t\t\t\t\t\t\t<span class=\"post-date-day\">30<\/span><br>\n\t\t\t\t\t\t\t\t<span class=\"post-date-month is-xsmall\">Dec<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\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-image\" >\n  \t\t\t\t\t\t<div class=\"image-cover\" style=\"padding-top:56.25%;\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/logitech.cms.com.vn\/en\/just-a-cool-blog-post-with-a-gallery-2\/\" class=\"plain\" aria-label=\"Another post with A Gallery\">\n\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"300\" height=\"195\" src=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1-300x195.jpg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" srcset=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1-300x195.jpg 300w, https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1.jpg 400w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t<\/a>\n  \t\t\t\t\t\t\t  \t\t\t\t\t\t\t  \t\t\t\t\t\t<\/div>\n  \t\t\t\t\t\t  \t\t\t\t\t<\/div>\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:\/\/logitech.cms.com.vn\/en\/just-a-cool-blog-post-with-a-gallery-2\/\" class=\"plain\">Another post with A Gallery<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t\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 \">\n\t\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. In sed vulputate massa. Fusce ante magna, [...]\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\t\t\t\t\t\t\t<div class=\"badge absolute top post-date badge-outline\">\n\t\t\t\t\t\t\t<div class=\"badge-inner\">\n\t\t\t\t\t\t\t\t<span class=\"post-date-day\">16<\/span><br>\n\t\t\t\t\t\t\t\t<span class=\"post-date-month is-xsmall\">Dec<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\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\t\t<span>Click me!<\/span>\n\t<\/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>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":1001,"parent":1265,"menu_order":99,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"footnotes":""},"class_list":["post-1220","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Accordion - CMS-LOGITECH<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/logitech.cms.com.vn\/en\/elements\/accordion\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Accordion - CMS-LOGITECH\" \/>\n<meta property=\"og:url\" content=\"https:\/\/logitech.cms.com.vn\/en\/elements\/accordion\/\" \/>\n<meta property=\"og:site_name\" content=\"CMS-LOGITECH\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/CMSCo.Ltd\" \/>\n<meta property=\"og:image\" content=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"400\" \/>\n\t<meta property=\"og:image:height\" content=\"260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/elements\/accordion\/\",\"url\":\"https:\/\/logitech.cms.com.vn\/en\/elements\/accordion\/\",\"name\":\"Accordion - CMS-LOGITECH\",\"isPartOf\":{\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/elements\/accordion\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/elements\/accordion\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1.jpg\",\"datePublished\":\"2016-03-31T14:37:54+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/elements\/accordion\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/logitech.cms.com.vn\/en\/elements\/accordion\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/elements\/accordion\/#primaryimage\",\"url\":\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1.jpg\",\"contentUrl\":\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1.jpg\",\"width\":400,\"height\":260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/elements\/accordion\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/logitech.cms.com.vn\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elements\",\"item\":\"https:\/\/logitech.cms.com.vn\/en\/elements\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Accordion\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/#website\",\"url\":\"https:\/\/logitech.cms.com.vn\/en\/\",\"name\":\"CMS X LOGITECH\",\"description\":\"L\u00e0 nh\u00e0 ph\u00e2n ph\u1ed1i chi\u1ebfn l\u01b0\u1ee3c c\u1ee7a Logitech t\u1ea1i Vi\u1ec7t Nam, C\u00f4ng ty TNHH S\u1ea3n xu\u1ea5t v\u00e0 D\u1ecbch v\u1ee5 CMC (CMS) t\u1ef1 h\u00e0o mang \u0111\u1ebfn cho th\u1ecb tr\u01b0\u1eddng nh\u1eefng gi\u1ea3i ph\u00e1p h\u1ed9i h\u1ecdp ch\u00ednh h\u00e3ng, t\u1ed1i \u01b0u cho doanh nghi\u1ec7p thu\u1ed9c m\u1ecdi quy m\u00f4, t\u1eeb startup n\u0103ng \u0111\u1ed9ng \u0111\u1ebfn t\u1eadp \u0111o\u00e0n \u0111a qu\u1ed1c gia.\",\"publisher\":{\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/#organization\"},\"alternateName\":\"C\u00f4ng ty TNHH S\u1ea3n xu\u1ea5t v\u00e0 D\u1ecbch v\u1ee5 CMC\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/logitech.cms.com.vn\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/#organization\",\"name\":\"CMS X LOGITECH\",\"alternateName\":\"C\u00f4ng ty TNHH S\u1ea3n xu\u1ea5t v\u00e0 D\u1ecbch v\u1ee5 CMC\",\"url\":\"https:\/\/logitech.cms.com.vn\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2026\/03\/Logitech_idrFIUkALf_3.png\",\"contentUrl\":\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2026\/03\/Logitech_idrFIUkALf_3.png\",\"width\":400,\"height\":400,\"caption\":\"CMS X LOGITECH\"},\"image\":{\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/CMSCo.Ltd\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Accordion - CMS-LOGITECH","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/logitech.cms.com.vn\/en\/elements\/accordion\/","og_locale":"en_US","og_type":"article","og_title":"Accordion - CMS-LOGITECH","og_url":"https:\/\/logitech.cms.com.vn\/en\/elements\/accordion\/","og_site_name":"CMS-LOGITECH","article_publisher":"https:\/\/www.facebook.com\/CMSCo.Ltd","og_image":[{"width":400,"height":260,"url":"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/logitech.cms.com.vn\/en\/elements\/accordion\/","url":"https:\/\/logitech.cms.com.vn\/en\/elements\/accordion\/","name":"Accordion - CMS-LOGITECH","isPartOf":{"@id":"https:\/\/logitech.cms.com.vn\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/logitech.cms.com.vn\/en\/elements\/accordion\/#primaryimage"},"image":{"@id":"https:\/\/logitech.cms.com.vn\/en\/elements\/accordion\/#primaryimage"},"thumbnailUrl":"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1.jpg","datePublished":"2016-03-31T14:37:54+00:00","breadcrumb":{"@id":"https:\/\/logitech.cms.com.vn\/en\/elements\/accordion\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/logitech.cms.com.vn\/en\/elements\/accordion\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/logitech.cms.com.vn\/en\/elements\/accordion\/#primaryimage","url":"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1.jpg","contentUrl":"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1.jpg","width":400,"height":260},{"@type":"BreadcrumbList","@id":"https:\/\/logitech.cms.com.vn\/en\/elements\/accordion\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/logitech.cms.com.vn\/en\/"},{"@type":"ListItem","position":2,"name":"Elements","item":"https:\/\/logitech.cms.com.vn\/en\/elements\/"},{"@type":"ListItem","position":3,"name":"Accordion"}]},{"@type":"WebSite","@id":"https:\/\/logitech.cms.com.vn\/en\/#website","url":"https:\/\/logitech.cms.com.vn\/en\/","name":"CMS X LOGITECH","description":"L\u00e0 nh\u00e0 ph\u00e2n ph\u1ed1i chi\u1ebfn l\u01b0\u1ee3c c\u1ee7a Logitech t\u1ea1i Vi\u1ec7t Nam, C\u00f4ng ty TNHH S\u1ea3n xu\u1ea5t v\u00e0 D\u1ecbch v\u1ee5 CMC (CMS) t\u1ef1 h\u00e0o mang \u0111\u1ebfn cho th\u1ecb tr\u01b0\u1eddng nh\u1eefng gi\u1ea3i ph\u00e1p h\u1ed9i h\u1ecdp ch\u00ednh h\u00e3ng, t\u1ed1i \u01b0u cho doanh nghi\u1ec7p thu\u1ed9c m\u1ecdi quy m\u00f4, t\u1eeb startup n\u0103ng \u0111\u1ed9ng \u0111\u1ebfn t\u1eadp \u0111o\u00e0n \u0111a qu\u1ed1c gia.","publisher":{"@id":"https:\/\/logitech.cms.com.vn\/en\/#organization"},"alternateName":"C\u00f4ng ty TNHH S\u1ea3n xu\u1ea5t v\u00e0 D\u1ecbch v\u1ee5 CMC","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/logitech.cms.com.vn\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/logitech.cms.com.vn\/en\/#organization","name":"CMS X LOGITECH","alternateName":"C\u00f4ng ty TNHH S\u1ea3n xu\u1ea5t v\u00e0 D\u1ecbch v\u1ee5 CMC","url":"https:\/\/logitech.cms.com.vn\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/logitech.cms.com.vn\/en\/#\/schema\/logo\/image\/","url":"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2026\/03\/Logitech_idrFIUkALf_3.png","contentUrl":"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2026\/03\/Logitech_idrFIUkALf_3.png","width":400,"height":400,"caption":"CMS X LOGITECH"},"image":{"@id":"https:\/\/logitech.cms.com.vn\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/CMSCo.Ltd"]}]}},"_links":{"self":[{"href":"https:\/\/logitech.cms.com.vn\/en\/wp-json\/wp\/v2\/pages\/1220","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/logitech.cms.com.vn\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/logitech.cms.com.vn\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/logitech.cms.com.vn\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/logitech.cms.com.vn\/en\/wp-json\/wp\/v2\/comments?post=1220"}],"version-history":[{"count":0,"href":"https:\/\/logitech.cms.com.vn\/en\/wp-json\/wp\/v2\/pages\/1220\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/logitech.cms.com.vn\/en\/wp-json\/wp\/v2\/pages\/1265"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/logitech.cms.com.vn\/en\/wp-json\/wp\/v2\/media\/1001"}],"wp:attachment":[{"href":"https:\/\/logitech.cms.com.vn\/en\/wp-json\/wp\/v2\/media?parent=1220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}