2015-06-11 59 views
1

我需要一点帮助,搞清楚这个js功能。我想让手机导航“li”onclick函数.slideUp。任何人都可以帮我解决它。再次感谢。手机导航点击功能

<!-- /#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>
<!-- /#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 -->

+1

你自己写了这段代码吗?如果是这样,你应该明白它的作用。如果它是由别人写的,请问这个“某人”。 – Regent

回答

0

其原理是: - 当你点击一个理: 1 /它隐藏所有 2 /它显示了一个( “三品”)

你的代码很奇怪,在这种程度上:滑倒&似乎倒了。

您错过了管理该列表UI的CSS代码。