title: collapsible menu with html is not working
body: <p>Please help. When I want to make my website smaller, the collapsible menu is not showing the three lists by clicking on it.</p>
  <p>I am using links script src=&quot;http://code.jquey.com/jquery-1.11.2.min.js&quot;/script** or I have wrong link to the <strong>jquery.com</strong>. This is the course from <strong>coursera.com</strong> (thank you)</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html lang="en"&gt;
  
  &lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;David Chu's China Bistro&lt;/title&gt;
    &lt;link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous"&gt;
    &lt;link rel="stylesheet" href="css/style.css"&gt;
    &lt;link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;500;700&amp;family=Nunito:wght@300;400;600;700&amp;family=Open+Sans:
          wght@400;600&amp;family=Oxygen:wght@300;400;700&amp;family=Roboto:wght@500&amp;display=swap" rel="stylesheet"&gt;
  
  
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;header&gt;
      &lt;nav id="header-nav" class="navbar navbar-default"&gt;
        &lt;div class="container"&gt;
          &lt;div class="navbar-header"&gt;
            &lt;a href="index.html" class="pull-left visible-md visible-lg"&gt;
              &lt;div id="logo-img" alt="Logo image"&gt;&lt;/div&gt;
            &lt;/a&gt;
  
            &lt;div class="navbar-brand"&gt;
              &lt;a href="index.html"&gt;
                &lt;h1&gt;David Chu's China Bistro&lt;/h1&gt;
              &lt;/a&gt;
              &lt;p&gt;
                &lt;img src="images/star-k-logo.png" alt="Kosher 
                                  certificaion"&gt;
                &lt;span&gt;Kosher Certified&lt;/span&gt;
              &lt;/p&gt;
            &lt;/div&gt;
  
            &lt;button type="button" class="navbar-toggle collapsed" data- toggler="collapse" data-target="#collapsable-nav" aria-expanded="false"&gt;
                          &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt;
                          &lt;span class="icon-bar"&gt;&lt;/span&gt;
                          &lt;span class="icon-bar"&gt;&lt;/span&gt;
                          &lt;span class="icon-bar"&gt;&lt;/span&gt;
                      &lt;/button&gt;
          &lt;/div&gt;
  
          &lt;div id="collapsable-nav" class="collapse navbar-collapse"&gt;
            &lt;ul id="nav-list" class="nav navbar-nav navbar-right"&gt;
              &lt;li&gt;
                &lt;a href="menu-categories.html"&gt;
                  &lt;span class="glyphicon glyphicon-cutlery"&gt;&lt;/span&gt;&lt;br class="hidden-xs"&gt; Menu&lt;/a&gt;
              &lt;/li&gt;
              &lt;li&gt;
                &lt;a href="#"&gt;
                  &lt;span class="glyphicon glyphicon-info-sign"&gt;&lt;/span&gt;&lt;br class="hidden-xs"&gt; About&lt;/a&gt;
              &lt;/li&gt;
              &lt;li&gt;
                &lt;a href="#"&gt;
                  &lt;span class="glyphicon glyphicon-certificate"&gt;&lt;/span&gt;&lt;br class="hidden-xs"&gt; Awards&lt;/a&gt;
              &lt;/li&gt;
              &lt;li id="phone" class="hidden-xs"&gt;
                &lt;a href="tel:410-602-5008"&gt;
                  &lt;span&gt;410-602-5008&lt;/span&gt;&lt;/a&gt;
                &lt;div&gt;* We Deliver&lt;/div&gt;
              &lt;/li&gt;
            &lt;/ul&gt;
            &lt;!-- #nav-list --&gt;
          &lt;/div&gt;
          &lt;!-- .collapse .navbar-collapse --&gt;
        &lt;/div&gt;
      &lt;/nav&gt;
    &lt;/header&gt;
    &lt;script src="http://code.jquey.com/jquery-1.11.2.min.js"&gt;&lt;/script&gt;
    &lt;script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"&gt;&lt;/script&gt;
  
  
  
  
  &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>