javascript - Jqueryのスライドアウトメニュー

Question

http://jsfiddle.net/HfdXY/368/

それが私のJfiddleです。いくつか質問があります。

1. ボタンが最初のクリックでのみスライドし、その後は静止したままになるのはなぜですか？

2. ボタンBのCSSが40ピクセル左に移動することだけが異なる、2つのインスタンスを使用する代わりに、コードを1つの関数に配置するにはどうすればよいですか。

Answer 1

1. 'right'アニメーションを'left'に変更します。http://jsfiddle.net/73qaC/2/ 左のピクセル位置を0からxxに変更し、元に戻すだけです。

2. 上記のjFiddleを1つのメソッドを使用するように更新しました。これにより、1つの方法を使用してこれを実現する方法がわかります。

Answer 2

あなたの2番目のもののためにこれは私の解決策です

$("#openMenu,#openMenu2").click(function() {})

このように入れて、一度に次のコードを入力してください。そうすれば、その中にcssを個別に作成できます。

$("#openMenu").css();
$("#openMenu2").css();