title: My Toggle button on Nav Bar won't close in HTML?
body: <p>I have a simple html page. The toggle button will show my menu, but after clicking it again, the menu won't close.
  Toggle Code:</p>
  <pre><code>&lt;div class=&quot;navbar-header&quot;&gt;
                                      &lt;button type=&quot;button&quot; class=&quot;navbar-toggle collapsed&quot; data-toggle=&quot;collapse&quot; data-target=&quot;#bs-example-navbar-collapse-1&quot; aria-expanded=&quot;false&quot;&gt;
                                          &lt;span class=&quot;sr-only&quot;&gt;Toggle navigation&lt;/span&gt;
                                          &lt;span class=&quot;icon-bar&quot;&gt;&lt;/span&gt;
                                          &lt;span class=&quot;icon-bar&quot;&gt;&lt;/span&gt;
                                          &lt;span class=&quot;icon-bar&quot;&gt;&lt;/span&gt;
                                      &lt;/button&gt;
                                      &lt;a class=&quot;navbar-brand our_logo&quot; href=&quot;#&quot;&gt;&lt;img src=&quot;assets/images/logo.png&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;
                                  &lt;/div&gt;
  </code></pre>
  <p>I guess it might be conflict with my popup window function
  pop up code:</p>
  <pre><code>&lt;!--popupstart--&gt;
  &lt;div id=&quot;popupbox&quot; class=&quot;popup-graybox&quot;&gt;
  &lt;section class=&quot;shopnow-popup-sec&quot; style=&quot;background: #aadba6 url(/images/APP_popup_BG-01.png) no-repeat center center;background-size: cover;&quot; &gt;
    &lt;h2 data-edit=&quot;text&quot;&gt;NEW APP&lt;/h2&gt;
    &lt;h3 data-edit=&quot;text&quot;&gt;INSTALL NOW&lt;/h3&gt;
    &lt;h5 data-edit=&quot;text&quot;&gt;Get Your weekly Flyer &amp; Store News&lt;/h5&gt;
    &lt;ul&gt;
      &lt;li&gt;
        &lt;a href=&quot;https://apps.apple.com/us/app/ample-food/id1523958538&quot;&gt;&lt;button  data-edit=&quot;button&quot; type=&quot;submit&quot; class=&quot;signupnow-btn&quot;&gt;go ios now&lt;/button&gt;&lt;/a&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;a href=&quot;https://play.google.com/store/apps/details?id=com.abei.zff&quot;&gt;&lt;button  data-edit=&quot;button&quot; type=&quot;submit&quot; class=&quot;signupnow-btn&quot;&gt;go Android now&lt;/button&gt;&lt;/a&gt;
      &lt;/li&gt;
    &lt;/ul&gt;
  &lt;!--  &lt;h6 data-edit=&quot;text&quot;&gt;* Terms and Conditions Apply&lt;/h6&gt;--&gt;
    &lt;button type=&quot;button&quot; class=&quot;shopnow-popup-clsbtn close-btn&quot; data-dismiss=&quot;modal&quot; aria-hidden=&quot;true&quot;&gt;&amp;times;&lt;/button&gt;
  &lt;/section&gt;
  &lt;/div&gt;
  &lt;!--popupend--&gt;
  </code></pre>
  <p>Style Component</p>
  <pre><code>.shopnow-popup-sec { 
          background: #9eddee; 
          font-family: 'Roboto Slab', serif; 
          width: 600px; 
          height: 600px; 
          margin: 30px auto; 
          padding: 0;  
          -webkit-background-size: cover; 
          -moz-background-size: cover; 
          -o-background-size: cover; 
          background-size: cover; 
          box-sizing: border-box; 
          position: relative; 
          -webkit-border-radius: 50%; 
          border-radius: 50%;
          -webkit-box-shadow: 0px 10px 20px 0px rgba(50, 50, 50, 0.52);
          -moz-box-shadow: 0px 10px 20px 0px rgba(50, 50, 50, 0.52);
          box-shadow: 0px 10px 20px 0px rgba(50, 50, 50, 0.52); }
  </code></pre>
  <p><strong>If you can give a look， I'll be very appreciated.</strong></p>