javascript - JQuery：切换问题

Question

如何触发一次 JQuery 切换事件，并且只有一次，另一个 JQuery 切换事件已完成？

我有以下内容：

• 我有<div id="displayDivWhenPageLoads">...</div>- 这个 DIV 在网页加载时显示（可见）。
• 我也有-当网页第一次加载时，<div id="displayDivWhenToggledSelected">...</div>这个 DIV 是隐藏的（ ）。display:none

我想要做的是当有人按下我的 JQuery 切换操作按钮时，它

1. 切换 div=displayDivWhenPageLoads 以便不再显示 div (display:none)
2. 然后一次，并且只有一次，displayDivWhenPageLoads DIV 已被切换，使其不再可见，然后切换 div=displayDivWhenToggledSelected 以便此 div 现在变为可见切换。

说得通？

我一直在查看 API http://docs.jquery.com/Effects/slideToggle#speedcallback，但我不清楚如何在第一次切换完成后触发第二次切换。

Answer 1

我想我遵循你的要求。您需要使用回调函数。尝试这个：

$('#actionButton').click(function() {
  $('#displayDivWhenPageLoads').slideUp('slow', function() {
    $('#displayDivWhenToggledSelected').slideDown('slow');
  });
});

Answer 2

尝试这个

 $("#actionButton").click(function(){  
  $("#displayDivWhenPageLoads"). slideToggle({
    speed:"slow",
    callback : "ToggleOther"
  })
  return false;
 })

function ToggleOther()
{
  $("#displayDivWhenToggledSelected "). slideToggle("slow");
}