javascript - css 菜单关闭所有打开的菜单

Question

我有一个名为 css menu 的菜单。

当我点击一个链接时，我想关闭所有打开的弹出窗口主菜单。

我找到了一些示例，但它们不适合我。

$('#cssmenu a').on('click', function() {
  if ($(this).find('ul').is(':visible')) {
    // Close the menus
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id='cssmenu'>
  <ul>
    <div id='menuspace'></div>
    <li><a href='/0/wall/' class='ajaxtrigger'><span>Home</span></a>
    </li>"
    <li class='active has-sub'><a href='#'><span>Media</span></a>"
      <ul>
        <li class=''>
          <a href='/0/youtube/' class='ajaxtrigger'> <span>Youtube</span>
          </a>
        </li>
        <li class=''><a href='/0/soundcloud/' class='ajaxtrigger'><span>Soundcloud</span></a>
        </li>
        <li class=''><a href='/0/mixcloud/' class='ajaxtrigger'><span>Mixcloud</span></a>
        </li>
        <li class=''><a href='/0/pictures/' class='ajaxtrigger'><span>Pictures</span></a>
        </li>
      </ul>
    </li>
    <li class='active has-sub'><a href='#'><span>About</span></a>"
      <ul>
        <li class=''><a href='/0/biography/' class='ajaxtrigger'><span>Biography</span></a>
        </li>
        <li class=''><a href='/0/discography/' class='ajaxtrigger'><span>Discography</span></a>
        </li>
        <li class=''><a href='/0/agenda/' class='ajaxtrigger'><span>Agenda</span>    </a>
        </li>
        <li class=''><a href='/0/releases/' class='ajaxtrigger'><span>Releases</span></a>
        </li>
      </ul>
    </li>
    <li class='last'><a href='/0/contact' class='ajaxtrigger'><span>Contact</span></a>
    </li>
  </ul>
</div>

Answer 1

这对你有帮助! http://jsfiddle.net/Lxf2dLtL/

   $('#cssmenu a').on('click', function(e){
        e.preventDefault();
        $('#cssmenu ul ul').hide();
        $(this).next().show();
    });