1

以下のリンクをクリックすると、ユーザーがさまざまなボタンをクリックしたときに発生する必要があります。ここのテスト サイトを参照してください: http://tryoutyourwebsite.com/sand

$(document).ready(function() {

  $('#teams').animate({
      marginTop: '-495px'
  }, 200);

  $('.trigger').toggle(function(){

          $('#teams').animate({
              marginTop: '0'
          }, 500);

      },
      function(){
          $('#teams').animate({
              marginTop: '-495px'
          }, 500);
  });
});


<div id="close-teams" class="trigger"><a href="#"><img src="images/up-arrow.png"></a></div>    
<li><div id="open" class="trigger"><a href="#">Teams</a></div></li>
<div id="turtle" class="trigger"><a href="#teams">vote for a team</a></div>
4

1 に答える 1

1

これは、 class を持つ 2 つの要素があり.trigger、トグルされているかどうかにかかわらず、それぞれが独自の状態を記憶しているためです。

メニュー項目と矢印をクリックするための個別の関数を作成するか#teams div hidden、トリガークリックであるかどうかを確認できます。

$('.trigger').click(function() {
    if($('#teams').css('marginTop') == "0px") {
        $('#teams').animate({
            marginTop: '-495px'
        }, 500);              
    } else {
        $('#teams').animate({
            marginTop: '0px'
        }, 500);
    }
});
于 2013-02-08T07:25:35.313 に答える