javascript - JQuery：質問を切り替えます

Question

JQueryトグルイベントを1回だけ発生させ、別のJQueryトグルイベントが完了したのはどのようにしたらよいでしょうか。

私は次のものを持っています：

• 私が持っている<div id="displayDivWhenPageLoads">...</div>-このDIVは、Webページが読み込まれるときに表示（表示）されます。
• 私も持っています<div id="displayDivWhenToggledSelected">...</div>-このDIVはdisplay:none、Webページが最初に読み込まれるときに非表示になります（）。

私がやりたいのは、誰かが私のJQueryトグルアクションボタンを押したときです。

1. div = displayDivWhenPageLoadsを切り替えて、divが表示されないようにします（display：none）
2. 次に、一度だけ、displayDivWhenPageLoads DIVが切り替えられて表示されなくなり、次にdiv = displayDivWhenToggledSelectedが切り替えられて、このdivが表示されるようになりました。

わかる？

私はAPIhttp://docs.jquery.com/Effects/slideToggle#speedcallbackを見てきましたが、最初のトグルが完了した後、2番目のトグルを起動する方法がわかりません。

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