title: Porblem with Toggle Button when using it with Thymeleaf
body: <p>I am using an HTML5 template file with Spring MVC and thymeleaf. In the template, I'm trying to create a navigable menu using a toggle button at the top of the page.</p>
  
  <p>The toggle button is displayed but when clicking on it it does not toggle the menu as expected. However when I do the same thing in HTML5 using the same code, the Toggle button works perfectly. </p>
  
  <p>I do not know may be this is a Thymeleaf issue or there is anything I need to do in Thymeleaf to make this work. </p>
  
  <p>Can somebody please assist my Ignorance</p>
  
  <p>Here is my line of code that contains the toggle button:</p>
  
  <pre><code>&lt;a href="#" th:href="@{/home}" class="logo"&gt; &lt;!-- mini logo for sidebar mini 50x50 pixels --&gt;
                  &lt;span class="logo-mini"&gt;&lt;b&gt;Ai&lt;/b&gt;Admin&lt;/span&gt; &lt;!-- logo for regular state and mobile devices --&gt;
                  &lt;span class="logo-lg"&gt;&lt;b&gt;Ai&lt;/b&gt;Admin&lt;/span&gt;
              &lt;/a&gt;
  </code></pre>
  
  <p>Below is my CSS file </p>
  
  <pre><code>&lt;link rel="stylesheet" th:href="@{/assets/plugins/bootstrap/dist/css/bootstrap.min.css}" /&gt;
  &lt;link rel="stylesheet" th:href="@{/assets/font-awesome/css/font-awesome.min.css}" /&gt;
  &lt;link rel="stylesheet" th:href="@{/assets/ionicons/css/ionicons.min.css}" /&gt;
  &lt;link rel="stylesheet" th:href="@{/assets/dist/css/aiAdmin.min.css}" /&gt;
  &lt;link rel="stylesheet" th:href="@{/assets/dist/css/skins/_all-skins.min.css}" /&gt;
  &lt;link rel="stylesheet" th:href="@{/assets/plugins/morris/morris.css}" /&gt;
  &lt;link rel="stylesheet" th:href="@{/assets/plugins/jvectormap/jquery-jvectormap.css}" /&gt;
  &lt;link rel="stylesheet" th:href="@{/assets/plugins/bootstrap-datepicker/css/bootstrap-datepicker.min.css}" /&gt;
  &lt;link rel="stylesheet" th:href="@{/assets/plugins/bootstrap-daterangepicker/daterangepicker.css}" /&gt;
  &lt;link rel="stylesheet" th:href="@{/assets/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css}" /&gt;
  </code></pre>
  
  <p>and below is Javascript:</p>
  
  <pre><code>&lt;script th:src="@{/assets/plugins/jQuery/dist/jQuery.min.js}"&gt;&lt;/script&gt;
      &lt;script th:src="@{/assets/plugins/jQueryUI/jquery-ui.min.js}"&gt;&lt;/script&gt;
      &lt;script th:src="@{/assets/plugin/bootstrap/dist/js/bootstrap.min.js}"&gt;&lt;/script&gt;
      &lt;script th:src="@{/assets/plugins/raphael/raphael.min.js}"&gt;&lt;/script&gt;
      &lt;script th:src="@{/assets/plugins/morris/morris.min.js}"&gt;&lt;/script&gt;
      &lt;script th:src="@{/assets/plugins/jquery-sparkline/dist/jquery.sparkline.min.js}"&gt;&lt;/script&gt;
      &lt;script th:src="@{/assets/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js}"&gt;&lt;/script&gt;
      &lt;script th:src="@{/assets/plugins/jvectormap/jquery-jvectormap-world-mill-en.js}"&gt;&lt;/script&gt;
      &lt;script th:src="@{/assets/plugins/jquery-knob/dist/jquery.knob.min.js}"&gt;&lt;/script&gt;
      &lt;script th:src="@{/assets/plugins/moment/min/moment.min.js}"&gt;&lt;/script&gt;
      &lt;script th:src="@{/assets/plugins/bootstrap-daterangepicker/daterangepicker.js}"&gt;&lt;/script&gt;
      &lt;script th:src="@{/assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js}"&gt;&lt;/script&gt;
      &lt;script th:src="@{/assets/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js}"&gt;&lt;/script&gt;
      &lt;script th:src="@{/assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js}"&gt;&lt;/script&gt;
      &lt;script th:src="@{/assets/plugins/fastclick/lib/fastclick.js}"&gt;&lt;/script&gt;
      &lt;script th:src="@{/assets/dist/js/aiadmin.min.js}"&gt;&lt;/script&gt;
      &lt;script th:src="@{/assets/dist/js/pages/dashboard.js}"&gt;&lt;/script&gt;
      &lt;script th:src="@{/assets/dist/js/aiadmin.js}"&gt;&lt;/script&gt;
      &lt;script th:src="@{/assets/dist/js/display.js}"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Any assistance is highly appreciated.</p>