1

私は周りを見回しましたが、私と同じ問題を抱えている人を他に見つけることができないようです. メニュー リンクを保持するボックスを、ユーザーがクリックするたびに上下にスライドできるようにしたいと考えています。

以下の私のコードは、クリックすると下にスライドし、もう一度クリックすると上にスライドするので、うまくいきます。ただし、ボタンをもう一度クリックすると、ボタンは下に留まらず、スライドして元に戻ります。

$(document).ready( function() {
  $('#Link').click(function() {
      $('#Box').slideDown('slow', function() {   
      $('#Link').click(function() { $('#Box').slideUp('slow')  });   });
  });
});
4

2 に答える 2

2

トグルを使ってみて、

$('#menu_button').toggle(
    function () {
        $('#playfield').animate({ left: constantMenuWidth }, 500, function (e) {
            $('#menu_button').html('<img id="menu_button" src="images/menu_button.png" width="80" height="29" />');
        });
    },
    function () {
        $('#playfield').animate({ left: 0 }, 500, function (e) {
            $('#menu_button').html('<img id="menu_button" src="images/menu_button.png" width="80" height="29" />');
        });
    }
);
于 2013-03-22T10:21:18.617 に答える
1

使用する.slideToggle()

$('#Link').click(function() {
    $('#Box').slideToggle('slow', function()
    {
        // Animation complete.
    });
});
于 2013-03-22T10:20:05.643 に答える