jquery - 同じセレクターのjqueryで2つのイベントを同時に発生させる

Question

これは簡単なはずですが、私は初心者です...

show 関数と click to animate 関数を 1 つにするにはどうすればよいですか?

function scrollit() {
    $("#scrollDown").show();
    $("#scrollDown").click(function() {
        $('html,body').animate({scrollTop: $('#scrollDown').offset().top}, 1500);
    });
}

参照: http://jsfiddle.net/elasticGurl/3r6Jp/4/

起こるべきことは

1. ボタンがクリックされた
2. 非表示の div scrollDown が表示されます
3. ＃2と同時に、それも同時に少し下に移動する必要があります

問題は、下に移動するために 2 回クリックする必要があることです。

Answer 1

イベントを発生させる必要があるクリックのイベントをバインドしているだけです。

function toggleDiv() {

$("#scrollDown").show().click(function() {
  $('html,body').animate({scrollTop: $('#scrollDown').offset().top}, 1500);
});
   $("#scrollDown").click();
}

Answer 2

これは、クリック機能がボタンではなく非表示の div にあるためです。

function scrollit() {

    $("#scrollDown").show();
    $('html,body').animate({scrollTop: $('#scrollDown').offset().top}, {duration:1500, queue:false});
}​

Answer 3

jQuery 1.8.2で試してください

$(document).on('click','p#scrolltest', function (){
  $("div#scrollDown").show('fast', function(){
       $('body').animate({
           scrollTop: $('#scrollDown').offset().top
           }, 1500);
        });
});

Working Demo

Answer 4

ここに作業サンプルがあります: http://jsfiddle.net/FSfRR/1/

   var count = 0;
   $(".checkout_btn").click(function() {
       $("#scrollDown").show();
      count++;
      $('html,body').animate({scrollTop: $('#scrollDown').offset().top}, 1500);
      if(count==1)
          $(this).trigger('click');
      else 
          count = 0;
   });