Bootstrap menu does not close
<p>I know these type of questions have been asked previously here, but their solution does not work in this case.
In my bootstrap website, when I press/touch menu button, it opens.. But does not close when I again press/touch it.</p>

<p>Here is the code of my menu button:</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;div class="navbar-header"&gt;
              &lt;!-- Logo Starts --&gt;
              &lt;a class="navbar-brand" href="index.php"&gt;&lt;img class="img-responsive" src="images/logo.png" alt="logo"&gt;&lt;/a&gt;
              &lt;!-- #Logo Ends --&gt;

              &lt;!--menu button for mobile view start --&gt;
              &lt;button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse"&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;!--#menu button for mobile view end --&gt;
&lt;/div&gt;</code></pre>
</div>
</div>
</p>

<p>I have already gone through these solutions:</p>

<ol>
<li><p><a href="https://stackoverflow.com/questions/21203111/bootstrap-3-collapsed-menu-doesnt-close-on-click">bootstrap-3-collapsed-menu-doesnt-close-on-click</a></p></li>
<li><p><a href="https://stackoverflow.com/questions/21496304/bootstrap-collapse-component-not-closing-menu-on-clicking-away">bootstrap-collapse-component-not-closing-menu-on-clicking-away</a></p></li>
<li><p><a href="https://stackoverflow.com/questions/14203279/bootstrap-close-responsive-menu-on-click">bootstrap-close-responsive-menu-on-click</a></p></li>
<li><p><a href="https://stackoverflow.com/questions/21559847/bootstrap-3-navbar-doesnt-collapse-properly">bootstrap-3-navbar-doesnt-collapse-properly</a></p></li>
</ol>

<p>I have attached these 2 files at the at bottom part of my hmtl file:</p>

<ul>
<li><a href="http://%3Cscript%20src=%22https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js%22%3E%3C/script%3E" rel="nofollow noreferrer">https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js</a></li>
<li><a href="http://%3Cscript%20src=%22https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js%22%3E%3C/script%3E" rel="nofollow noreferrer">https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js</a></li>
</ul>

<p>I have also tried <code>jquery 2.1.3</code> file. That also doesn't work.</p>

<p>Can anybody please solve this issue ? I cannot really find what is the problem with this code.
Thank you.</p>