title: The dropdown menu button stays open and won't close
body: <p>I have got a dropdown menu button and when clicked on the icon it should open and when clicking off the icon or on the icon then it should close again, but instead it stays open.</p>
  
  <p>Here is a screenshot, to what i am referring too.</p>
  
  <p><a href="https://imgur.com/VbU5nit" rel="nofollow noreferrer">https://imgur.com/VbU5nit</a></p>
  
  <p>I have researched regarding this issue, but i am unable to find a solution.</p>
  
  <p>My CSS is on paste bin at <a href="https://pastebin.com/BHXNjtWJ" rel="nofollow noreferrer">https://pastebin.com/BHXNjtWJ</a></p>
  
  <p>This is because the CSS is to long to fit on here.</p>
  
  <p>My HTML is:</p>
  
  <pre><code>&lt;body class="twoCol react menuOpen" data-tippy-delegate=""&gt;
      &lt;div id="fb-root"&gt;&lt;/div&gt; 
      &lt;div id="app-root" class="notranslate" data-tippy-delegate=""&gt;
          &lt;div class="Master__wrap__22Bnx en-US"&gt;
              &lt;div class="NavigationTop__wrap__fQdBR"&gt;
                  &lt;div class="NavigationTop__inner__1LxZ7" data-ui-name="headerNavigation"&gt;
                      &lt;ul class="NavigationMain__nav__3NRm2"&gt;
                          &lt;li class="NavigationMain__signUp__2YtN8"&gt;&lt;a href="https://signin.rockstargames.com/create/?cid=socialclub&amp;amp;lang=en-US&amp;amp;returnUrl=%2F" class="NavigationMain__navLink__1xmUY NavigationMain__navLinkHighlight__pgt2K" data-ui-name="signUp"&gt;Sign Up&lt;/a&gt;&lt;/li&gt;
  
                          &lt;li class="NavigationMain__signIn__3thGS"&gt;&lt;a href="https://signin.rockstargames.com/connect/authorize/socialclub?lang=en-US&amp;amp;returnUrl=%2F" class="NavigationMain__navLink__1xmUY" data-ui-name="signIn"&gt;Sign In&lt;/a&gt;&lt;/li&gt;
  
                          &lt;li&gt;&lt;a class="NavigationMain__navLink__1xmUY" data-ui-name="games" href="/games"&gt;Games&lt;span&gt;
                              &lt;svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" height="16" width="16" class="NavigationMain__navLinkToggle__2xOGg"&gt;&lt;path d="M16 25.9c-.4 0-.8-.2-1-.5L.3 8.4c-.5-.6-.4-1.4.2-1.9.6-.5 1.4-.5 1.9.1L16 22.4 29.6 6.6c.5-.6 1.3-.6 1.9-.1.6.5.6 1.4.1 1.9L17 25.4c-.2.3-.6.5-1 .5z"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/span&gt;&lt;/a&gt;
  
                          &lt;ul class="NavigationMain__navSub__3W27M"&gt;&lt;li&gt;&lt;a class="NavigationMain__navLinkSub__2T3V5" data-ui-name="rdr2" href="#"&gt;Title&lt;span&gt;
                              &lt;svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" height="16" width="16" class="NavigationMain__navLinkToggle__2xOGg"&gt;
                                  &lt;path d="M16 25.9c-.4 0-.8-.2-1-.5L.3 8.4c-.5-.6-.4-1.4.2-1.9.6-.5 1.4-.5 1.9.1L16 22.4 29.6 6.6c.5-.6 1.3-.6 1.9-.1.6.5.6 1.4.1 1.9L17 25.4c-.2.3-.6.5-1 .5z"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/span&gt;&lt;/a&gt;
  
                          &lt;ul class="NavigationMain__navSubSub__2bkYi"&gt;
                              &lt;li&gt;&lt;a class="NavigationMain__navLinkSub__2T3V5" href="#"&gt;Title&lt;/a&gt;&lt;/li&gt;
  
                              &lt;li&gt;&lt;a class="NavigationMain__navLinkSub__2T3V5" href="#"&gt;Story&lt;/a&gt;&lt;/li&gt;
  
                              &lt;li&gt;&lt;a class="NavigationMain__navLinkSub__2T3V5" href="#"&gt;Title&lt;/a&gt;&lt;/li&gt;
  
                              &lt;li&gt;&lt;a class="NavigationMain__navLinkSub__2T3V5" href="#"&gt;Title&lt;/a&gt;&lt;/li&gt;
  
                              &lt;li&gt;&lt;a class="NavigationMain__navLinkSub__2T3V5" href="Title"&gt;Title&lt;/a&gt;&lt;/li&gt;
  
                              &lt;li&gt;&lt;a class="NavigationMain__navLinkSub__2T3V5" href="#"&gt;Title&lt;/a&gt;&lt;/li&gt;
  
                              &lt;li&gt;&lt;a class="NavigationMain__navLinkSub__2T3V5" href="#"&gt;Title&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/li&gt;
                      &lt;li&gt;&lt;a href="#" class="NavigationMain__navLinkSub__2T3V5" data-ui-name="gtav"&gt;Title&lt;span&gt;
                          &lt;svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" height="16" width="16" class="NavigationMain__navLinkToggle__2xOGg"&gt;&lt;path d="M16 25.9c-.4 0-.8-.2-1-.5L.3 8.4c-.5-.6-.4-1.4.2-1.9.6-.5 1.4-.5 1.9.1L16 22.4 29.6 6.6c.5-.6 1.3-.6 1.9-.1.6.5.6 1.4.1 1.9L17 25.4c-.2.3-.6.5-1 .5z"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/span&gt;&lt;/a&gt;
  
                          &lt;ul class="NavigationMain__navSubSub__2bkYi"&gt;
                              &lt;li&gt;&lt;a href="#" class="NavigationMain__navLinkSub__2T3V5" data-ui-name="gtavCareer"&gt;Title&lt;/a&gt;&lt;/li&gt;
  
                              &lt;li&gt;&lt;a href="#" class="NavigationMain__navLinkSub__2T3V5" data-ui-name="gtavAccomplishments"&gt;Title&lt;/a&gt;&lt;/li&gt;
  
                              &lt;li&gt;&lt;a href="#" class="NavigationMain__navLinkSub__2T3V5" data-ui-name="gtavTutorials"&gt;Title&lt;/a&gt;&lt;/li&gt;
  
                              &lt;li&gt;&lt;a href="#" class="NavigationMain__navLinkSub__2T3V5" data-ui-name="playlists"&gt;Playlists&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/li&gt;
                      &lt;li&gt;&lt;a href="#" class="NavigationMain__navLinkSub__2T3V5" data-ui-name="lan"&gt;Title&lt;/a&gt;&lt;/li&gt;
  
                      &lt;li&gt;&lt;a href="#" class="NavigationMain__navLinkSub__2T3V5" data-ui-name="lanvr"&gt;Title&lt;/a&gt;&lt;/li&gt;
  
                      &lt;li&gt;&lt;a href="#" class="NavigationMain__navLinkSub__2T3V5" data-ui-name="bully"&gt;Title&lt;/a&gt;&lt;/li&gt;
  
                      &lt;li&gt;&lt;a class="NavigationMain__navLinkSub__2T3V5" data-ui-name="allGames" href="/games"&gt;All Games&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
                  &lt;div class="NavigationMain__overlay__3SibJ"&gt;&lt;/div&gt;&lt;/li&gt;&lt;li&gt;&lt;a class="NavigationMain__navLink__1xmUY" data-ui-name="crews" href="/crews"&gt;Title&lt;span&gt;
                      &lt;svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" height="16" width="16" class="NavigationMain__navLinkToggle__2xOGg"&gt;&lt;path d="M16 25.9c-.4 0-.8-.2-1-.5L.3 8.4c-.5-.6-.4-1.4.2-1.9.6-.5 1.4-.5 1.9.1L16 22.4 29.6 6.6c.5-.6 1.3-.6 1.9-.1.6.5.6 1.4.1 1.9L17 25.4c-.2.3-.6.5-1 .5z"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/span&gt;&lt;/a&gt;
  
                      &lt;ul class="NavigationMain__navSub__3W27M"&gt;&lt;li&gt;&lt;a class="NavigationMain__navLinkSub__2T3V5" data-ui-name="crewSearch" href="/crews"&gt;Search&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#" class="NavigationMain__navLinkSub__2T3V5" data-ui-name="myCrews"&gt;Create a Title&lt;/a&gt;&lt;/li&gt;
  
                          &lt;li&gt;&lt;a href="#" class="NavigationMain__navLinkSub__2T3V5" data-ui-name="emblemEditor"&gt;Title Editor&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                      &lt;div class="NavigationMain__overlay__3SibJ"&gt;
                      &lt;/div&gt;
                  &lt;/li&gt;
                  &lt;li&gt;&lt;a class="NavigationMain__navLink__1xmUY" data-ui-name="jobs" href="/jobs"&gt;Jobs&lt;/a&gt;&lt;/li&gt;
  
                  &lt;li&gt;&lt;a class="NavigationMain__navLink__1xmUY" data-ui-name="photos" href="/photos"&gt;Photos&lt;/a&gt;&lt;/li&gt;
  
                  &lt;li&gt;&lt;a class="NavigationMain__navLink__1xmUY" data-ui-name="videos" href="/videos"&gt;Videos&lt;/a&gt;&lt;/li&gt;
  
                  &lt;li&gt;&lt;a href="/events" class="NavigationMain__navLink__1xmUY" data-ui-name="events"&gt;Events&lt;/a&gt;&lt;/li&gt;
  
                  &lt;li&gt;&lt;a href="#" class="NavigationMain__navLink__1xmUY" data-ui-name="news" target="_blank"&gt;News&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
              &lt;div class="NavigationTop__groupLeft__3lTQW"&gt;
                  &lt;a href="#" class="NavigationTop__icon__32Kg3 NavigationTop__hamburger__KU-ur"&gt;
                      &lt;span class="NavigationTop__iconBg__3nlrW"&gt;
                          &lt;svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" height="16" width="16" class="UI__Icon__icon"&gt;&lt;path d="M24.8 10.6H7.3c-.8 0-1.4-.6-1.4-1.4 0-.8.6-1.4 1.4-1.4h17.5c.8 0 1.4.6 1.4 1.4 0 .8-.6 1.4-1.4 1.4zM24.9 17.3H7.4c-.8 0-1.4-.6-1.4-1.4s.6-1.4 1.4-1.4h17.5c.8 0 1.4.6 1.4 1.4s-.7 1.4-1.4 1.4zM24.9 24H7.4c-.8 0-1.4-.6-1.4-1.4s.6-1.4 1.4-1.4h17.5c.8 0 1.4.6 1.4 1.4s-.7 1.4-1.4 1.4z"&gt;&lt;/path&gt;&lt;path d="M25.1 32H3.3C1.5 32 0 30.5 0 28.7V3.3C0 1.5 1.5 0 3.3 0h25.3C30.5 0 32 1.5 32 3.3v21.9c0 .8-.6 1.4-1.4 1.4-.8 0-1.4-.6-1.4-1.4V3.3c0-.3-.3-.6-.6-.6H3.3c-.3 0-.6.3-.6.6v25.3c0 .3.3.6.6.6h21.8c.8 0 1.4.6 1.4 1.4 0 .8-.6 1.4-1.4 1.4z"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/span&gt;&lt;/a&gt;&lt;ul class="NavigationTop__nav__1InFQ NavigationTop__navSignedOut__2qibz"&gt;
  
                              &lt;li&gt;&lt;a href="#" class="NavigationTop__navLink__k_LuP" data-ui-name="signIn"&gt;Sign In&lt;/a&gt;&lt;/li&gt;
  
                              &lt;li&gt;&lt;a href="#" class="NavigationTop__navLink__k_LuP NavigationTop__navLinkHighlight__2uEEp" data-ui-name="signUp"&gt;Sign Up&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                          &lt;a href="#" class="NavigationTop__icon__32Kg3 NavigationTop__search__UDzfT" data-ui-name="scSearch"&gt;&lt;span class="NavigationTop__iconBg__3nlrW"&gt;&lt;svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" height="16" width="16" class="UI__Icon__icon"&gt;&lt;path d="M30.5 32c-.4 0-.8-.1-1.1-.4l-9.3-9.3c-.6-.6-.6-1.5 0-2.1 3.9-4 3.9-10.3 0-14.2-1.9-1.9-4.4-3-7.1-3-2.6 0-5.1 1.1-7 3-3.9 3.9-3.9 10.2 0 14.1 2.4 2.4 5.7 3.4 9 2.7.8-.1 1.6.4 1.8 1.2.2.8-.4 1.6-1.2 1.8-4.3.8-8.7-.5-11.7-3.6-5.1-5.1-5.1-13.4 0-18.5C6.3 1.4 9.6 0 13 0c3.5 0 6.8 1.4 9.2 3.8 4.7 4.7 5.1 12.2 1 17.3l8.3 8.3c.6.6.6 1.5 0 2.1-.2.4-.6.5-1 .5z"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/span&gt;&lt;/a&gt;
                      &lt;/div&gt;
                      &lt;a class="NavigationTop__logo__3GmAs" data-ui-name="logo" href="/"&gt;
                          &lt;div class="NavigationTop__logoRockstar__1m1Ou"&gt;
                          &lt;/div&gt;
                          &lt;div class="NavigationTop__logoSocialClub__1EfPy"&gt;
                          &lt;/div&gt;
                      &lt;/a&gt;
                      &lt;div class="NavigationTop__groupRight__3UIqi"&gt;&lt;span class="NavigationTop__navPlayer__2TGn7"&gt;&lt;a href="#" class="NavigationTop__icon__32Kg3" data-ui-name="info"&gt;&lt;span class="NavigationTop__iconBg__3nlrW"&gt;
                          &lt;svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" height="16" width="16" class="UI__Icon__icon"&gt;&lt;path d="M15.6 32s-.1 0 0 0h-.8c-2.7 0-5.6 0-8.4-.8-3-.9-4.6-2.4-4.7-4.7-.1-1.1.3-2.2 1-3.1 1.1-1.5 2.7-2.4 4.1-3.1.5-.3 1-.5 1.5-.8.6-.4 2-1.4 2.1-2.7 0-.6-.2-1.3-.8-2.1l-.6-.9c-.4-.6-.8-1.2-1.2-1.9-1.2-2.5-1-5.6.4-7.9.2-.3.4-.6.7-.9 1.8-2 4.3-3.1 7-3.1 2.7-.1 5.3 1.1 7.2 3 .3.3.6.7.8 1 1.4 2.3 1.5 5.4.3 7.9-.4.7-.8 1.3-1.2 1.9l-.6.9c-.5.8-.8 1.5-.8 2.1.1 1.3 1.5 2.3 2.1 2.7.5.3 1 .6 1.5.8 1.4.7 3 1.5 4.1 3.1.7.9 1 2.1 1 3.1-.1 2.2-1.7 3.8-4.7 4.7-.7.2-1.4.3-2 .5-.7.1-1.5-.4-1.6-1.1-.1-.7.4-1.5 1.1-1.6.6-.1 1.2-.2 1.7-.4 2.4-.7 2.7-1.5 2.7-2.2 0-.5-.1-.9-.5-1.4-.7-1-1.9-1.6-3.1-2.3-.6-.3-1.1-.6-1.7-.9-2.1-1.3-3.3-3-3.4-4.9-.1-1.2.3-2.4 1.2-3.8.2-.3.4-.7.7-1 .4-.5.7-1 1-1.5.8-1.6.7-3.6-.2-5.2-.1-.1-.2-.2-.4-.5-1.3-1.4-3.2-2.2-5.2-2.2-1.9 0-3.7.8-5 2.2-.2.2-.3.4-.4.5-.9 1.6-1 3.6-.2 5.2.3.5.6 1 1 1.5.2.3.5.6.7 1 .9 1.3 1.3 2.6 1.2 3.8-.1 1.9-1.3 3.6-3.4 4.9-.5.3-1.1.6-1.7.9C6.9 23.4 5.7 24 5 25c-.3.4-.5.9-.5 1.4 0 .7.4 1.5 2.7 2.2 2.4.7 4.9.7 7.6.7h.8c.4 0 .8.2 1 .5.3.3.4.7.3 1.1 0 .6-.6 1.1-1.3 1.1z"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/span&gt;&lt;/a&gt;
                          &lt;div class="NavigationPlayer__nav__1GtYE NavigationPlayer__navOpen__kmIqC"&gt;&lt;ul class="NavigationPlayer__navSub__SIRkf"&gt;&lt;li class="NavigationPlayer__signUp__2AOMK"&gt;&lt;a href="https://signin.rockstargames.com/create/?cid=socialclub&amp;amp;lang=en-US&amp;amp;returnUrl=%2F" class="NavigationPlayer__navLink__2oeuj NavigationPlayer__highlight__2lzxA" data-ui-name="signUp"&gt;Sign Up&lt;/a&gt;&lt;/li&gt;
  
                              &lt;li class="NavigationPlayer__signIn__3qaVH"&gt;&lt;a href="#" class="NavigationPlayer__navLink__2oeuj" data-ui-name="signIn"&gt;Sign In&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="#" class="NavigationPlayer__navLink__2oeuj" data-ui-name="legal"&gt;Legal&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="#" class="NavigationPlayer__navLink__2oeuj" data-ui-name="privacy"&gt;Privacy&lt;/a&gt;&lt;/li&gt;
  
                              &lt;li&gt;&lt;a href="#" class="NavigationPlayer__navLink__2oeuj" data-ui-name="support"&gt;Support&lt;/a&gt;&lt;/li&gt;
  
                              &lt;li&gt;&lt;a href="#" class="NavigationPlayer__navLink__2oeuj" data-ui-name="cookies"&gt;Cookies&lt;/a&gt;&lt;/li&gt;
  
                              &lt;li&gt;&lt;div class="NavigationPlayer__languageWrap__2jmcz"&gt;
                                  &lt;div class="UI__DropDown__custom-select LanguageSelector__dropdown__2uNdg"&gt;
                                      &lt;select class="select" data-ui-name="languageSelector"&gt;
                                          &lt;option value="de-DE"&gt;Deutsch&lt;/option&gt;
                                          &lt;option value="en-US"&gt;English&lt;/option&gt;
                                          &lt;option value="es-ES"&gt;Español&lt;/option&gt;
                                          &lt;option value="es-MX"&gt;Español Latinoamérica&lt;/option&gt;
                                          &lt;option value="fr-FR"&gt;Français&lt;/option&gt;
                                          &lt;option value="it-IT"&gt;Italiano&lt;/option&gt;
                                          &lt;option value="ja-JP"&gt;日本語&lt;/option&gt;
                                          &lt;option value="ko-KR"&gt;한국어&lt;/option&gt;
                                          &lt;option value="pl-PL"&gt;Polski&lt;/option&gt;
                                          &lt;option value="pt-BR"&gt;Português do Brasil&lt;/option&gt;
                                          &lt;option value="ru-RU"&gt;Русский&lt;/option&gt;
                                          &lt;option value="zh-TW"&gt;繁體中文&lt;/option&gt;
                                          &lt;option value="zh-CN"&gt;简体中文&lt;/option&gt;
                                      &lt;/select&gt;
                                  &lt;/div&gt;
  
  </code></pre>
  
  <p>Updated code below:</p>
  
  <pre><code>&lt;div class="dropdown"&gt;
                      &lt;div class="NavigationTop__groupRight__3UIqi"&gt;&lt;span class="NavigationTop__navPlayer__2TGn7"&gt;&lt;a onclick="myFunction()" href="#" class="NavigationTop__icon__32Kg3" data-ui-name="info"&gt;&lt;span class="NavigationTop__iconBg__3nlrW" class="dropbtn"&gt;
                          &lt;svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" height="16" width="16" class="UI__Icon__icon"&gt;&lt;path d="M15.6 32s-.1 0 0 0h-.8c-2.7 0-5.6 0-8.4-.8-3-.9-4.6-2.4-4.7-4.7-.1-1.1.3-2.2 1-3.1 1.1-1.5 2.7-2.4 4.1-3.1.5-.3 1-.5 1.5-.8.6-.4 2-1.4 2.1-2.7 0-.6-.2-1.3-.8-2.1l-.6-.9c-.4-.6-.8-1.2-1.2-1.9-1.2-2.5-1-5.6.4-7.9.2-.3.4-.6.7-.9 1.8-2 4.3-3.1 7-3.1 2.7-.1 5.3 1.1 7.2 3 .3.3.6.7.8 1 1.4 2.3 1.5 5.4.3 7.9-.4.7-.8 1.3-1.2 1.9l-.6.9c-.5.8-.8 1.5-.8 2.1.1 1.3 1.5 2.3 2.1 2.7.5.3 1 .6 1.5.8 1.4.7 3 1.5 4.1 3.1.7.9 1 2.1 1 3.1-.1 2.2-1.7 3.8-4.7 4.7-.7.2-1.4.3-2 .5-.7.1-1.5-.4-1.6-1.1-.1-.7.4-1.5 1.1-1.6.6-.1 1.2-.2 1.7-.4 2.4-.7 2.7-1.5 2.7-2.2 0-.5-.1-.9-.5-1.4-.7-1-1.9-1.6-3.1-2.3-.6-.3-1.1-.6-1.7-.9-2.1-1.3-3.3-3-3.4-4.9-.1-1.2.3-2.4 1.2-3.8.2-.3.4-.7.7-1 .4-.5.7-1 1-1.5.8-1.6.7-3.6-.2-5.2-.1-.1-.2-.2-.4-.5-1.3-1.4-3.2-2.2-5.2-2.2-1.9 0-3.7.8-5 2.2-.2.2-.3.4-.4.5-.9 1.6-1 3.6-.2 5.2.3.5.6 1 1 1.5.2.3.5.6.7 1 .9 1.3 1.3 2.6 1.2 3.8-.1 1.9-1.3 3.6-3.4 4.9-.5.3-1.1.6-1.7.9C6.9 23.4 5.7 24 5 25c-.3.4-.5.9-.5 1.4 0 .7.4 1.5 2.7 2.2 2.4.7 4.9.7 7.6.7h.8c.4 0 .8.2 1 .5.3.3.4.7.3 1.1 0 .6-.6 1.1-1.3 1.1z"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/span&gt;&lt;/a&gt;
                          &lt;div class="NavigationPlayer__nav__1GtYE NavigationPlayer__navOpen__kmIqC"&gt;&lt;ul class="NavigationPlayer__navSub__SIRkf"&gt;&lt;li class="NavigationPlayer__signUp__2AOMK"&gt;&lt;a href="https://signin.rockstargames.com/create/?cid=socialclub&amp;amp;lang=en-US&amp;amp;returnUrl=%2F" class="NavigationPlayer__navLink__2oeuj NavigationPlayer__highlight__2lzxA" data-ui-name="signUp"&gt;Sign Up&lt;/a&gt;&lt;/li&gt;
  
                              &lt;li class="NavigationPlayer__signIn__3qaVH"&gt;&lt;a href="https://signin.rockstargames.com/connect/authorize/socialclub?lang=en-US&amp;amp;returnUrl=%2F" class="NavigationPlayer__navLink__2oeuj" data-ui-name="signIn"&gt;Sign In&lt;/a&gt;&lt;/li&gt;
                              &lt;div id="myDropdown" class="dropdown-content"
                              &lt;li&gt;&lt;a href="https://www.rockstargames.com/legal" class="NavigationPlayer__navLink__2oeuj" data-ui-name="legal"&gt;Legal&lt;/a&gt;&lt;/li&gt;
  
                              &lt;li&gt;&lt;a href="https://www.rockstargames.com/privacy" class="NavigationPlayer__navLink__2oeuj" data-ui-name="privacy"&gt;Privacy&lt;/a&gt;&lt;/li&gt;
  
                              &lt;li&gt;&lt;a href="#" class="NavigationPlayer__navLink__2oeuj" data-ui-name="support"&gt;Support&lt;/a&gt;&lt;/li&gt;
  
                              &lt;li&gt;&lt;a href="#" class="NavigationPlayer__navLink__2oeuj" data-ui-name="cookies"&gt;Cookies&lt;/a&gt;&lt;/li&gt;
  
                              &lt;li&gt;&lt;div class="NavigationPlayer__languageWrap__2jmcz"&gt;
                                  &lt;div class="UI__DropDown__custom-select LanguageSelector__dropdown__2uNdg"&gt;
                                      &lt;select class="select" data-ui-name="languageSelector"&gt;
                                          &lt;option value="de-DE"&gt;Deutsch&lt;/option&gt;
                                          &lt;option value="en-US"&gt;English&lt;/option&gt;
                                          &lt;option value="es-ES"&gt;Español&lt;/option&gt;
                                          &lt;option value="es-MX"&gt;Español Latinoamérica&lt;/option&gt;
                                          &lt;option value="fr-FR"&gt;Français&lt;/option&gt;
                                          &lt;option value="it-IT"&gt;Italiano&lt;/option&gt;
                                          &lt;option value="ja-JP"&gt;日本語&lt;/option&gt;
                                          &lt;option value="ko-KR"&gt;한국어&lt;/option&gt;
                                          &lt;option value="pl-PL"&gt;Polski&lt;/option&gt;
                                          &lt;option value="pt-BR"&gt;Português do Brasil&lt;/option&gt;
                                          &lt;option value="ru-RU"&gt;Русский&lt;/option&gt;
                                          &lt;option value="zh-TW"&gt;繁體中文&lt;/option&gt;
                                          &lt;option value="zh-CN"&gt;简体中文&lt;/option&gt;
                                      &lt;/select&gt;
                                  &lt;/div&gt;
                                  &lt;script&gt;
  /* When the user clicks on the button, 
  toggle between hiding and showing the dropdown content */
  function myFunction() {
    document.getElementById("dropdown").classList.toggle("show");
  }
  
  // Close the dropdown if the user clicks outside of it
  window.onclick = function(event) {
    if (!event.target.matches('.dropbtn')) {
      var dropdowns = document.getElementsByClassName("dropdown-content");
      var i;
      for (i = 0; i &lt; dropdowns.length; i++) {
        var openDropdown = dropdowns[i];
        if (openDropdown.classList.contains('show')) {
          openDropdown.classList.remove('show');
        }
      }
    }
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>Any help appreciated and thanks in advance</p>