只是jQuery概率

Question

我有一個垂直jQuery滑塊的代碼blob。

基本上我需要的是，當#expert_button被點擊時，它會滑落，然後當它再次被點擊時，它會滑回去。

我已經從字面上嘗試了各種荒謬/無效的結果，包括不斷下滑，一切發生在頁面加載一次。你的名字。

在我接受另一種愛好選擇之前 - 指針的任何可能性我做錯了什麼？將被大力讚賞！

$('#expert_button').toggle(function() { 
$('#expert_slider').animate({ 
    top: '+=245' 
    }, 458, 'swing', function() { 
}), 
$('#expert_slider').animate({ 
    top: '-=245' 
    }, 458, 'swing', function() { 
    }); 
}); 

Answer 1

嘿包括遷移庫。你可以從jquery.com下載它，並像包含jquery庫一樣包含它。包括migrate.js和你的代碼將工作

Answer 2

。利用這個clickToggle插件

(function ($) { 
    $.fn.clickToggle = function (func1, func2) { 
     var funcs = [func1, func2]; 
     this.data('toggleclicked', 0); 
     this.click(function() { 
      var data = $(this).data(); 
      var tc = data.toggleclicked; 
      $.proxy(funcs[tc], this)(); 
      data.toggleclicked = (tc + 1) % 2; 
     }); 
     return this; 
    }; 
}(jQuery)); 
$('#expert_button').clickToggle(function() { 
    $('#expert_slider').animate({ 
     top: '+=245' 
    }, 458, 'swing', function() {}) 
}, 

function() { 
    $('#expert_slider').animate({ 
     top: '-=245' 
    }, 458, 'swing', function() {}); 
}); 

Answer 3

如果你是一個簡單的滑動切換後，jQuery有應該是一個「捷徑」的方法：http://api.jquery.com/slideToggle/

下面是從API（jsFiddle）的樣品：

<button id="the-button">Toggle</button> 
<div id="the-panel"> 
    This is the paragraph to end all paragraphs. You 
    should feel <em>lucky</em> to have seen such a paragraph in 
    your life. Congratulations! 
</div> 
<script> 
    $('#the-button').on('click', function (e) { 
     $('#the-panel').slideToggle("slow"); 
    }); 
</script> 

如果包括寬鬆的圖書館，你也能共嬋娟把緩和功能變成更有趣的事情。