I have this code when I try click a button, it doesn't close the panel to view what's beneath it. I want to be able to have the panel hidden CSS
I have this code when I try click a button, it doesn't close the panel to view what's beneath it. I want to be able to have the panel hidden CSS
New Perspectives on HTML5, CSS3, and JavaScript
6th Edition
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Patrick M. Carey
Chapter1: Getting Started With Html5: Creating A Website For A Food Vendor
Section: Chapter Questions
Problem 5CP3
Related questions
Question
I have this code when I try click a button, it doesn't close the panel to view what's beneath it.
I want to be able to have the panel hidden
CSS
![<script src="/static/is/bundle.js"></script>
<script src="/static/is/0.chunk.js"></script>
<script src="/static/is/main.chunk.js"></script>
<div aria-hidden="true"></div>
<div aria-hidden="true"></div>
<div class="fade modal-backdrop show"></div>
<div role="dialog" aria-modal="true" class="fade modal show" tabindex="-1" aria-labelledby-"contained-modal-title-vcenter" style="display: block;">
<div class="modal-dialog custom-dialog">
<div class="modal-content"> flex
<div class="modal-header" style="border-bottom: 1px solid rgb(97, 97, 97);">Gen
►<div class="d-block d-nd-none col-1" style="text-align: left; padding: 0px;"> </div>
<div class="col" style="text-align: center; padding-top: 0px; padding-bottom: 0px;"></div>
<button type="button" class="close">50
<span aria-hidden="true">x</span>
<span class="sr-only">Close</span>
</button>
</div>
<div class="modal-body"> </div>
</div>
</div>
</html>
</div>
</body>
html body.modal-open div.fade.modal show div.modal-dialog.custom-dialog div.modal-content divmodal-header button close](/v2/_next/image?url=https%3A%2F%2Fcontent.bartleby.com%2Fqna-images%2Fquestion%2Fa3cab9c1-3149-4232-8d34-9f213defe2a3%2Fdf629573-f958-4d63-aecd-8265c536f1df%2Fhn50mg_processed.jpeg&w=3840&q=75)
Transcribed Image Text:<script src="/static/is/bundle.js"></script>
<script src="/static/is/0.chunk.js"></script>
<script src="/static/is/main.chunk.js"></script>
<div aria-hidden="true"></div>
<div aria-hidden="true"></div>
<div class="fade modal-backdrop show"></div>
<div role="dialog" aria-modal="true" class="fade modal show" tabindex="-1" aria-labelledby-"contained-modal-title-vcenter" style="display: block;">
<div class="modal-dialog custom-dialog">
<div class="modal-content"> flex
<div class="modal-header" style="border-bottom: 1px solid rgb(97, 97, 97);">Gen
►<div class="d-block d-nd-none col-1" style="text-align: left; padding: 0px;"> </div>
<div class="col" style="text-align: center; padding-top: 0px; padding-bottom: 0px;"></div>
<button type="button" class="close">50
<span aria-hidden="true">x</span>
<span class="sr-only">Close</span>
</button>
</div>
<div class="modal-body"> </div>
</div>
</div>
</html>
</div>
</body>
html body.modal-open div.fade.modal show div.modal-dialog.custom-dialog div.modal-content divmodal-header button close
Expert Solution
![](/static/compass_v2/shared-icons/check-mark.png)
This question has been solved!
Explore an expertly crafted, step-by-step solution for a thorough understanding of key concepts.
Step by step
Solved in 4 steps with 1 images
![Blurred answer](/static/compass_v2/solution-images/blurred-answer.jpg)
Knowledge Booster
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.Recommended textbooks for you
![New Perspectives on HTML5, CSS3, and JavaScript](https://www.bartleby.com/isbn_cover_images/9781305503922/9781305503922_smallCoverImage.gif)
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:
9781305503922
Author:
Patrick M. Carey
Publisher:
Cengage Learning
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:
9781337508841
Author:
Carey
Publisher:
Cengage
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:
9780357392676
Author:
FREUND, Steven
Publisher:
CENGAGE L
![New Perspectives on HTML5, CSS3, and JavaScript](https://www.bartleby.com/isbn_cover_images/9781305503922/9781305503922_smallCoverImage.gif)
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:
9781305503922
Author:
Patrick M. Carey
Publisher:
Cengage Learning
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:
9781337508841
Author:
Carey
Publisher:
Cengage
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:
9780357392676
Author:
FREUND, Steven
Publisher:
CENGAGE L
![Programming with Microsoft Visual Basic 2017](https://www.bartleby.com/isbn_cover_images/9781337102124/9781337102124_smallCoverImage.gif)
Programming with Microsoft Visual Basic 2017
Computer Science
ISBN:
9781337102124
Author:
Diane Zak
Publisher:
Cengage Learning