0

メニューボタンをクリックすると、メニューが右から左にスライドするはずです。メニューは非表示で開始され、メニュー ボタンが 2 回目にクリックされると、この状態に戻ります。

私がこれまでに持っているコードはこれです：

$(MENU_BUTTON).click(function() {
    var right = $(MENU_ID).hasClass('right');
    $(MENU_ID).toggleClass('right');
    $(MENU_ID).animate({ width:(right?0:245) }, 600);
    });

これは、左から右にスライドするため、私がやろうとしていることの反対を実現します。

どんな助けでも大歓迎です。

ありがとう

4

1 に答える 1

-1

@RAS

以下に、その方法の例を示します (必要に応じて調整してください)。

フィドルの例

相対位置の を使用して<div>、overflow:hidden絶対位置の であるメニューを含めます<div>。プロパティをアニメーション化してright、メニューを右から左にスライドさせます。

使用する必要があるマークアップに基づいて結果を達成する方法について、いくつかのアイデアが得られることを願っています。

乾杯！

于 2013-08-01T16:30:01.887 に答える