语言下拉菜单可点击吗？

Question

我想将语言切换从悬停更新为onClick，以便下拉菜单可以切换活动状态和非活动状态。我该如何转换：

<div class="nav-wrapper">
  <div class="sl-nav">
    Sprache:
    <ul>
      <li><b>Deutsch</b> <i class="fa fa-angle-down" aria-hidden="true"></i>
        <div class="triangle"></div>
        <ul>
          <li><i class="sl-flag flag-de"><div id="germany"></div></i> <span class="active">Deutsch</span></li>
          <li><i class="sl-flag flag-usa"><div id="germany"></div></i> <span>Englisch</span></li>
        </ul>
      </li>
    </ul>
  </div>
</div>

我希望你们能帮助我。

codepen link here

Answer 1

我创建了一个有效的脚本：

$(document).ready(function () {
    $("li.globe").click(function () {
        $(this).find('ul').slideToggle('medium');
    });
});