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');
  });
});