title: Expand a dropdown onclick
body: <p>So the start of my navigation is as follows (based from meganavbar.com)</p>
  
  <pre><code>&lt;nav class="navbar navbar-blue-dark no-border-radius no-border navbar-static-top" role="navigation" id="wmpmega"&gt;
                  &lt;div class="container-fluid"&gt;
                      &lt;div class="navbar-header"&gt;
                          &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-brand_size_lg"&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 class="collapse navbar-collapse" id="navbar-brand_size_lg"&gt;
                          &lt;ul class="nav navbar-nav navbar-center"&gt;
                              &lt;li style="border-right:1px solid #cccccc;border-left:1px solid #cccccc;"&gt;&lt;a href="/"&gt; Home&lt;/a&gt;&lt;/li&gt;
                              &lt;li class="dropdown-full" style="border-right:1px solid #cccccc;"&gt;
                                  &lt;a data-toggle="dropdown" href="javascript:;" class="dropdown-toggle"&gt; Self Serve or Raise a Request &lt;span class="caret"&gt;&lt;/span&gt;&lt;/
  </code></pre>
  
  <p>In the main content of my page I have a link - I'd like this to trigger the dropdown.</p>
  
  <p>Unfortunately I can't seem to do this. I've used the various toggle options and adding of show/hide class.</p>
  
  <p>Any advice? The code below does not work (the alert shows but the menu doesn't expand). However if I take out the lines commented by DELETE then it works (menu expands)</p>
  
  <pre><code>&lt;script&gt;
      $(document).ready(function() {
          $("#ssrr").click(function() { // DELETE
              alert(1); // DELETE
              $('.dropdown-toggle').trigger("click"); //bootstrap 3.x by Richard
          }) // DELETE
      });
  &lt;/script&gt;
  </code></pre>