1

再次使用这个网络上最好的地方来尝试解决一个开发人员技能极其有限的糟糕设计师的问题；

我有这个 js 导航栏，一旦我单击下拉链接中的一个链接，我需要保持打开状态。我很难解释，但我相信一旦你看到它，你就会明白我的意思：

<div id="Nav">
        <ul>
                <li><a href="index.html">Inicio</a></li>
              <li><a href="historia.html">Historia</a></li>
              <li><a href="quienes.html">Qui&eacute;nes</a></li>
              </ul>
                <ul id="nav">
                  <li><a href="#">Galer&iacute;a</a>
                        <ul class="SubLinks">
                            <li><a href="proyecto1.html">Proyecto1</a></li>
                            <li><a href="proyecto2.html">Proyecto2</a></li>
                            <li><a href="proyecto3.html">Proyecto3</a></li>
                        </ul>
                    </li>
                </ul>
                <ul>
                    <li><a href="contacto.html">Contacto</a></li>
                </ul>
            </ul>

        </div>

JS

$(document).ready(function(){
$("#nav > li > a").on("click", function(e){
if($(this).parent().has("ul")) {
  e.preventDefault();
}

if(!$(this).hasClass("open")) {
  // hide any open menus and remove all other classes
  $("#nav li ul").slideUp(350);
  $("#nav li a").removeClass("open");

  // open our new menu and add the open class
  $(this).next("ul").slideDown(350);
  $(this).addClass("open");
}

else if($(this).hasClass("open")) {
  $(this).removeClass("open");
  $(this).next("ul").slideUp(350);
}
});
});

任何人都可以帮忙吗？

多谢你们！！

4

0 回答 0