ここでも、ネット上で最高の場所であるこれを使用して、開発者のスキルが非常に限られている貧弱なデザイナーの質問を解決しようとします。
ドロップダウン リンク内のいずれかのリンクをクリックすると、開いたままにする必要があるこの 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énes</a></li>
</ul>
<ul id="nav">
<li><a href="#">Galerí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);
}
});
});
誰でも助けることができますか?
みんなありがとう!!