How to add accommodation widget in blogger Posted by Tanush Gupta Add Comments Saturday, January 8, 2022 How can we add a accomodation in blogger Hello Guys, Today i am going to tell that how can we add a accomodation in blogger create accomodation widget Source Code <html> <head> <style> .accordion { background-color: #ffffff; color: #444; cursor: pointer; padding: 18px; width: 100%; border: 3px solid #ff0f0f; border-radius: 14px 14px 14px 14px; color: #25991C; font-family: Lobster,cursive; font-size: 20px; text-align: left; outline: none; font-size: 15px; transition: 0.4s; } .active, .accordion:hover { background-color: #f5f507; } .panel { padding: 0 18px; display: none; background-color: white; overflow: hidden; } </sty;e> <body> <h2>Article Full Details FAQs</h2> <button class="accordion"><h3> Section 1 </h3></button> <div class="panel"> This is section 1<br /> </div> <br /> <br /> <button class="accordion"><h3> Section 2 </h3></button> <div class="panel"> This is section 2<br /> </div> <br /> <br /> <button class="accordion"><h3> Section 3 </h3></button> <div class="panel"> This is section 3<br /> </div> <br /> <br /> <script> var acc = document.getElementsByClassName("accordion"); var i; for (i = 0; i < acc.length; i++) { acc[i].addEventListener("click", function () { this.classList.toggle("active"); var panel = this.nextElementSibling; if (panel.style.display === "block") { panel.style.display = "none"; } else { panel.style.display = "block"; } }); } </script> </body></div> Copy Codes Please leave a comment
comment 0 Post a Comment
more_vert