滑動問題與jquery

我有看過，但我似乎無法找到任何與我同樣的問題。我希望能夠滑動一個框，這將保持我的菜單鏈接，在用戶點擊上下。滑動問題與jquery

我的代碼如下所示，因爲它在單擊時滑落，然後再次單擊時滑回。然而，當你再次點擊按鈕時，它不會停留下來，它只會再次滑向右側！

$(document).ready(function() { 
    $('#Link').click(function() { 
     $('#Box').slideDown('slow', function() { 
     $('#Link').click(function() { $('#Box').slideUp('slow') }); }); 
    }); 
});

來源

2013-03-22 Glenn Curtis

的jsfiddle往往是問題非常有用這樣的:) – cjmling 2013-03-22 10:19:57

http://jsfiddle.net/5YkTz/。 slideToggle ?? – cjmling 2013-03-22 10:24:53

許多感謝cjmling切換工作正常，沒有問題，我可以看到！並注意到人們使用jsfiddle很多，它只是我通常詢問PHP/CakePHP而不是jQuery，但下次我會發布它。 - 只是一個側面說明，爲什麼切換比使用滑動和滑動更好，我應該在大多數情況下使用切換？好點嗎？非常感謝Glenn Curtis – 2013-03-22 10:32:50

使用.slideToggle()

$('#Link').click(function() { 
    $('#Box').slideToggle('slow', function() 
    { 
     // Animation complete. 
    }); 
});

來源

2013-03-22 10:20:05

嘗試使用肘，

$('#menu_button').toggle(
    function() { 
     $('#playfield').animate({ left: constantMenuWidth }, 500, function (e) { 
      $('#menu_button').html('<img id="menu_button" src="images/menu_button.png" width="80" height="29" />'); 
     }); 
    }, 
    function() { 
     $('#playfield').animate({ left: 0 }, 500, function (e) { 
      $('#menu_button').html('<img id="menu_button" src="images/menu_button.png" width="80" height="29" />'); 
     }); 
    } 
);

來源

2013-03-22 10:21:18

滑動問題與jquery

回答

相關問題