Question

如何解决JQuery切换事件一次，而且只有一次，另一个JQuery切换事件已经完成？

我有以下内容：

我有<div id="displayDivWhenPageLoads">...</div> - 当网页加载时，此DIV显示（可见）。
我还有<div id="displayDivWhenToggledSelected">...</div> - 当网页首次加载时，此DIV被隐藏（display:none）。

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

切换div = displayDivWhenPageLoads以便不再显示div（显示：无）
然后一次，只有一次，displayDivWhenPageLoads DIV已被切换，以便它不再可见，然后切换div = displayDivWhenToggledSelected，以便此div现在变成可切换的visibile。

有意义吗？

我一直在查看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");
}

JQuery：切换问题

2 个答案: