js nav在访问链接时保持打开状态

时间:2013-10-22 18:08:40

标签: javascript jquery html

再次使用这个,网上最好的地方,尝试解决一个可怜的设计师的问题,开发技能非常有限;

我有这个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);
}
});
});

任何人都可以提供帮助吗?

谢谢你们!

0 个答案:

没有答案