2015-06-11 90 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代碼。