菜單上的垂直動畫

Question

我做了一個下拉菜單，它與jquery api中的slideUp/slideDown函數完美協作。但是 - 如果我想要一個垂直動畫，而不是在API中找到任何功能來做到這一點。任何人都可以啓發我:)？可能嗎？

的Html

<ul> 

       <li><a href="">Hvem</a></li> 
       <li><a href="">Hvad</a> 
        <ul> 
        <li class="first-item"><a href="">Produkter</a></li> 
        <li><a href="">Leveringer</a></li> 
        </ul> 
       </li> 

       <li><a href="">Hvordan</a> 

        <ul> 

         <li class="first-item"><a href="">Reklame</a></li> 
         <li><a href="">PR</a></li> 
         <li><a href="">Websites</a></li> 
         <li><a href="">Illustrationer</a></li> 

        </ul> 

       </li> 
       <li class="last-item"><a href="">S??dan!</a></li> 

      </ul> 

jQuery的

<!-- Menu animation --> 
<script type="text/javascript" src="http://www.hieu.co.uk/blog/wp-content/plugins/download-monitor/download.php?id=Groject.ImageSwitch.yui.js"></script> 
    <script type="text/javascript"> 
$(document).ready(function() { 
    $('#menu > ul > li:not(.inpath) ul').hide(); 
    $('#menu .inpath ul').show(); 
    $('#menu > ul > li:not(.inpath)').hover(
    function() { 
     $('ul', this).slideDown(300); 
     $('#menu li.inpath ul').slideUp(300); 
    }, function() { 
     $('ul', this).slideUp(300); 
     $('#menu li.inpath ul').slideDown(300); 
    }); 
}); 
    </script> 

Answer 1

嘗試也許.slideToggle（）函數

$('#menu li.inpath ul').slideToggle(300); 

它是一種 「垂直滑動」 Jquery site

如果你的意思是「水平」幻燈片，因爲幻燈片向上和向下滑動是垂直的動畫，你可以做

$('.stuff').hide("slide", { direction: "left" }, 400); 
$('.stuff').show("slide", { direction: "left" }, 400); 

有很多參數，這是​​隱藏和顯示文檔

Answer 2

請參閱從卡爾斯威德伯格這非常方便文章修改滑動動畫

http://www.learningjquery.com/2009/02/slide-elements-in-different-directions

它涵蓋了滑動在x和y方向上的動畫。應該是你需要知道的一切。