nav

Клик и открывается вложенность ссылки. Автозакрытие прежде открытой вложенности.

by akogch

HTML

<ul class="menu">
  <li>
    <a href="#" title="">Ссылка</a>
    <ul>
      <li>
        <a href="#" title="">Ссылка</a>
        <ul>
          <li><a href="#" title="">Ссылка</a></li>
          <li><a href="#" title="">Ссылка</a></li>
        </ul>
      </li>
      <li>
        <a href="#" title="">Ссылка</a>
        <ul>
          <li><a href="#" title="">Ссылка</a></li>
          <li><a href="#" title="">Ссылка</a></li>
        </ul>
      </li>
    </ul>
  </li>
  <li>
    <a href="#" title="">Ссылка</a>
    <ul>
      <li>
        <a href="#" title="">Ссылка</a>
        <ul>
          <li><a href="#" title="">Ссылка</a></li>
          <li><a href="#" title="">Ссылка</a></li>
        </ul>
      </li>
      <li>
        <a href="#" title="">Ссылка</a>
        <ul>
          <li><a href="#" title="">Ссылка</a></li>
          <li><a href="#" title="">Ссылка</a></li>
        </ul>
      </li>
    </ul>
  </li>
</ul>

CSS

.menu ul {
  display: none;
}

.menu li.active > ul {
  display: block;
}

JavaScript

$(function () {
  $(".menu")
    .find("a")
    .on("click.menu", function (e) {
      e.preventDefault();
      var $parent = $(this).parent();
      if ($parent.hasClass("active")) {
        $parent.removeClass("active");
      } else {
        $parent.parent().find(".active").removeClass("active");
        $parent.addClass("active");
      }
    });
});