向上滑動向下滑動一次jQuery的

-1

我試圖在同一時間做slide up和slide down的div。向上滑動向下滑動一次jQuery的

我想第一div slide down一個隱藏的下一個div slide up

我想使這些元素重疊動畫

當jQuery的

 $(document).ready(function() { 
       $('.plus').click(function() { 
        $('header h1').animate({ 'margin-top': '999px', opacity: 'toggle' }, 1500); 
        $('header h2').animate({ 'margin-top': '0px', opacity: 'show' }, 1200); 
      }); 

      $('.minus').click(function() { 
        $('header h2').hide('slow'); 
        $('header h1').show('slow'); 
      }); 
      });

感謝您的任何想法！

這裏http://jsfiddle.net/n7Ejs/

來源

2013-03-06 Live

選中此鏈接。 http://www.learningjquery.com/2009/02/slide-elements-in-different-directions – 2013-03-06 08:57:32

米不知道你想要什麼？你想要一個手風琴？如果是的話，看看這個：http://jqueryui.com/accordion/#fillspace – 2013-03-06 09:53:39

沒有...只有動畫下來的第一個div和第二個動畫時，當你點擊一個按鈕加/減之類的東西喜歡show hide – Live 2013-03-06 09:57:26

通過使用.delay(timeToWait)演示，你應該能夠微調動畫序列/爲了您的需求。我在jsFiddle上修改了你的代碼。我不確定這是你想要達到的目標，但希望它有幫助！ http://jsfiddle.net/EVN3v/

來源

2013-03-06 09:46:41 Snikrs

是的東西這個......只是我想讓相對位置的小問題h1 h2 – Live 2013-03-06 09:54:38

如果你想保留'position：relative;'，你是正確的使用'margin-top'。這是修改後的版本 - http://jsfiddle.net/6yNGm/ – Snikrs 2013-03-06 10:21:41

偉大的伴侶！非常感謝！ – Live 2013-03-06 10:25:01

向上滑動向下滑動一次jQuery的

回答

相關問題