{"id":24417,"date":"2021-01-04T07:00:43","date_gmt":"2021-01-04T07:00:43","guid":{"rendered":"https:\/\/webartdevelopers.com\/blog\/?p=24417"},"modified":"2021-01-04T07:14:20","modified_gmt":"2021-01-04T07:14:20","slug":"bootstrap-4-accordion","status":"publish","type":"post","link":"https:\/\/webartdevelopers.com\/blog\/bootstrap-4-accordion\/","title":{"rendered":"BOOTSTRAP 4 ACCORDION"},"content":{"rendered":"\n<h4 class=\"wp-block-heading\"><strong><span style=\"text-decoration: underline;\"><em>Author:<\/em><\/span><\/strong><\/h4>\n\n\n\n<ul><li>Ondrej<\/li><li>October 23, 2019<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong><span style=\"text-decoration: underline;\"><em>Made with:<\/em><\/span><\/strong><\/h4>\n\n\n\n<ul><li>HTML \/ CSS \/ JS<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong><span style=\"text-decoration: underline;\"><em>About the code:<\/em><\/span><\/strong><\/h4>\n\n\n\n<p>This is a nice and simple accordion which is crafted with the latest Bootstrap 4. The card component is complemented with smooth and fluid animation. The \u201cplus\u201d and \u201cminus\u201d icons from Font Awesome indicates whether each section is expanded or collapsed.<\/p>\n\n\n\n<p><strong><em>Compatible browsers:<\/em><\/strong> Chrome, Edge, Firefox, Opera, Safari<\/p>\n\n\n\n<p><strong><em>Responsive:<\/em><\/strong> Yes<\/p>\n\n\n\n<p><strong><em>Dependencies:<\/em><\/strong> bootstrap.css, font-awesome.css, bootstrap.js, jquery.js<\/p>\n\n\n\n<p><strong><em>Bootstrap version:<\/em><\/strong> 4.3.1<\/p>\n\n\n<a href=\"https:\/\/jsfiddle.net\/bootstrapious\/gpqfLd0w\" class=\"su-button su-button-style-default\" style=\"color:#ffffff;background-color:#000000;border-color:#000000;border-radius:40px\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color:#ffffff;padding:0px 20px;font-size:16px;line-height:32px;border-color:#4d4d4d;border-radius:40px;text-shadow:none\"> Demo and Code<\/span><\/a>\n<!-- AddThis Advanced Settings generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"Author: Ondrej October 23, 2019 Made with: HTML \/ CSS \/ JS About the code: This is a nice and simple accordion which is crafted with the latest Bootstrap 4. The card component is complemented with smooth and fluid animation. The \u201cplus\u201d and \u201cminus\u201d icons from Font Awesome indicates whether each section is expanded or collapsed. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: Yes Dependencies: bootstrap.css, font-awesome.css, bootstrap.js, jquery.js Bootstrap version: 4.3.1<!-- AddThis Advanced Settings generic via filter on get_the_excerpt -->","protected":false},"author":1,"featured_media":24418,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6768],"tags":[5149,4304,6769,6773],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/24417"}],"collection":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/comments?post=24417"}],"version-history":[{"count":1,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/24417\/revisions"}],"predecessor-version":[{"id":24419,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/24417\/revisions\/24419"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/media\/24418"}],"wp:attachment":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/media?parent=24417"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/categories?post=24417"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/tags?post=24417"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}