title: Bootstrap menu disappears after first click setting the ul style to none
body: <p>I am trying to make a new wordpress template with bootstrap. The drop down menu does not function correctly. After the second click it gets display:none.
  I tried to figure it out but I could not!
  Here is my website address: <a href="http://seoirvine.co" rel="nofollow noreferrer">check out the services that has submenu</a></p>
  
  <p>Here is my code as well:</p>
  
  <pre><code>&lt;li id="menu-item-286" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-286 dropdown"&gt;&lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Services &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
      &lt;ul class="dropdown-menu"&gt;
          &lt;li id="menu-item-228" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-228"&gt;
              &lt;a href="http://seoirvine.co/business-directories-irvine/" class="dropdown-toggle" data-toggle="dropdown"&gt;Business Directories&lt;/a&gt;
          &lt;/li&gt;
          &lt;li id="menu-item-231" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-231"&gt;
              &lt;a href="http://seoirvine.co/ppc-optimization-irvine/" class="dropdown-toggle" data-toggle="dropdown"&gt;PPC optimization&lt;/a&gt;
          &lt;/li&gt;
          &lt;li id="menu-item-232" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-232"&gt;
              &lt;a href="http://seoirvine.co/press-release-and-blogs-irvine/" class="dropdown-toggle" data-toggle="dropdown"&gt;Press Release and Blogs&lt;/a&gt;
          &lt;/li&gt;
          &lt;li id="menu-item-234" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-234"&gt;
              &lt;a href="http://seoirvine.co/seo-sem-irvine/" class="dropdown-toggle" data-toggle="dropdown"&gt;SEO &amp;amp; SEM Irvine&lt;/a&gt;
          &lt;/li&gt;
          &lt;li id="menu-item-238" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-238"&gt;
              &lt;a href="http://seoirvine.co/social-media-marketing-irvine/" class="dropdown-toggle" data-toggle="dropdown"&gt;Social Media Marketing&lt;/a&gt;
          &lt;/li&gt;
          &lt;li id="menu-item-239" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-239"&gt;
              &lt;a href="http://seoirvine.co/video-irvine/" class="dropdown-toggle" data-toggle="dropdown"&gt;Video Blogging&lt;/a&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/li&gt;
  </code></pre>