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