Question

我需要一些帮助来确定js的功能。我想制作移动导航＆＃34; li＆＃34; onclick函数.slideUp。任何人都可以帮我解决一下。再次感谢。

＆＃13;

<!-- /#js -->
<script>
    $(document).ready(function(){
        $("#nav-mobile").html($("#nav-main").html());
        $("#nav-trigger span").click(function(){
            if ($("nav#nav-mobile ul").hasClass("expanded")) {
                $("nav#nav-mobile ul.expanded").removeClass("expanded").slideUp(250);
                $(this).removeClass("open");
            } else {
                $("nav#nav-mobile ul").addClass("expanded").slideDown(250);
                $(this).addClass("open");
            }
        });
    });
</script>

＆＃13;

<!-- /#html -->
<header>
<div id="main">
<div class="container">
  <div id="nav-trigger"> <span></span> </div>
  <nav id="nav-main">
    <ul>
      <li><a href="#editorial">Advertorial</a></li>
      <li><a href="#bridal">Bridal</a></li>
      <li><a href="#celebrity">Celebrities</a></li>
      <li><a href="#fashion">Fashion</a></li>
      <li><a href="#styling">Clips</a></li>
      <li><a href="#tv">TV</a></li>
      <li><a href="#about">About</a></li>
      <li><a href="#contact">Contact</a></li>
    </ul>
  </nav>
  <nav id="nav-mobile"></nav>
  </header>
  <!-- /#top-bar -->

＆＃13;

Answer 1

原则是： - 当你点击一个李： 1 /它隐藏所有 2 /它显示一个（“扩展”）

你的代码很奇怪，在那个程度上：slidedown＆amp;起来似乎倒了。

你错过了CSS代码，它管理该列表的UI。

移动导航点击功能

1 个答案: