與jQuery的時尚滑動菜單

Question

我正在使用jQuery的時尚滑動菜單。

<script type="text/javascript"> 
     $(function(){ 
     $('ul.child').hide(); 
     $('ul.parent a.slide').click(function(){ 
     $('ul.child').slideUp('slow'); 
     $(this).next().find('a').show(); 
     $(this).next().slideDown('fast'); 
     return false; 
     }); 
     }); 
     </script> 

     <ul class="parent"> 
     <li> 
     <a href="#" class="slide">Title One</a> 
     <ul class="child"> 
     <li><a href="#">Link One</a></li> 
     <li><a href="#">Link Two</a></li> 
     <li><a href="#">Link Three</a></li> 
     <li><a href="#">Link Four</a></li> 
     <li><a href="#">Link Five</a></li> 
     </ul> 
     </li> 
     </ul> 

滑動菜單，在此最後一次打開「孩子UL」工作fine.But不會opened.I收盤後已經經過一番time.Any想法全部復位？

Answer 1

看到這個：http://jsfiddle.net/fd46R/

$(function(){ 
    $('ul.child').hide(); 
    $('ul.parent a.slide').click(function(){ 
    $('ul.child').slideUp('slow'); 
    $(this).next().find('a').show(); 
     if($(this).next().is(':hidden')) { 
    $(this).next().slideDown('fast'); 
     } 
    return false; 
    }); 
    });​ 

Answer 2

看到這是更新後的代碼，它打開.child並等待1000毫秒（1秒），然後向上滑動。

http://jsfiddle.net/fBYNy/3/

$(function() { 
    $('ul.child').hide(); 
    $('ul.parent li').click(function() { 
     $('ul.child',this).slideDown('slow').delay(1000).slideUp('fast'); 
    //        -----^^^^^^^^^^---- this will slide 
    //        the opened menu after 1 second of delay    
     $(this).next().children('.child').slideUp('fast'); 
     $(this).prev().children('.child').slideUp('fast'); 
     return false; 
    }); 
});