title: Using Custom button for Google Translate
body: <p>How can I make this bootstrap Translate button work as if it was the google translate button? <a href="https://jsfiddle.net/bobrierton/1hx1b5sr/" rel="nofollow">https://jsfiddle.net/bobrierton/1hx1b5sr/</a></p>
  
  <p>So that when the translate button I created opens the menu from the google button when its pressed. Maybe hiding but using the functionality somehow?</p>
  
  <pre><code>&lt;ul class="nav navbar-nav navbar-border-bottom navbar-right"&gt;
      &lt;li class=""&gt;
  
          &lt;a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown"&gt;
              &lt;i class="search fa fa-language"&gt;&lt;/i&gt; Translate
          &lt;/a&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;div id="google_translate_element" style="float:left; padding-left:15px"&gt;&lt;/div&gt;
  
  &lt;script type="text/javascript"&gt;
  function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
  }
  &lt;/script&gt;
  &lt;script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"&gt;&lt;/script&gt;
  </code></pre>