jQueryについて質問なのですが、ずっと調べているのですが答えが見つ

質問

jQueryについて質問なのですが、ずっと調べているのですが答えが見つからずどうかお力を貸してください！

今ホームページを作っていまして、メニュー画面でギャラリーのボタンをクリックすると"animate"を使って横からスーッと写真が出てくるように作りました。しかしもう一度ギャラリーボタンを押すと更に横に動いてしまうため、"one"clickで一度だけ実行する処理にしました（これしかやり方が分からなかったので。。）

とりあえずここまではいいのですが、この時に例えばプロフィールボタンを押したときに今出ている写真を引っ込めてプロフィールを出すことは出来るのですが、またギャラリーボタンを押したときに"one"にしているため動きません。

そこでお聞きしたいのですが、この"one"を解除する方法などはあるのでしょうか？
もしくは他に何か良い方法あれば是非教えてもらいたいです。
色々調べて"bind"、"unbind"をうまく使うのかなと思って試行錯誤やってはいるのですがなかなかうまくいかず。。。

どうしても来週までに仕上げなくてはならなくて是非お力を貸してください！！

※先日同じ質問をしましてご回答を頂いて、まだ解決していないのに間違ってすぐに終了させてしまったので引き続き質問させていただきます。

回答No.2

steel_gray · ベストアンサー

ボタンの並んだリスト、そのどれをを押すとどこがどうなって欲しいか・・その辺がわからないので具体的なイメージが湧いてないのですが

クリックされた処理の中で、
押されているボタンに応じてギャラリーなりプロフィールなり、
動かす対象を変えてはどうでしょうか。
if($(this).attr('class') == 'probtn') {
～～
}
あるいは、はやり最初からclass別に書いて押されてる状態か否かのフラグを設けて制御するとか。
～.click(funtion(){
if(フラグ ＝＝ 既に押されてる) return;
動かす処理
フラグ＝押されている
})

お礼

出来ましたぁぁぁぁ！！！
なんか色々やっていたら出来ました！！！
ただし仕組みはあまり理解できていませんが。。。。

本当にありがとうございます！！
そしてさっそくjavascriptの本買いました！
やっぱり基礎をちゃんと勉強しなくちゃダメですね。。

また近いうち質問するかもしれませんがよろしくお願いします！！

上に書かれているやつも試して勉強してみます！！

回答No.3

steel_gray

余談？ですが、このサイトには「Javascript」というカテゴリがあるのでそちらで質問した方がより多く・良質の回答が得られるかと思いますよ。

回答No.1

steel_gray

前回 http://okwave.jp/qa/q6061477.html
とりあえず私が挙げたサンプルのようにclassの事は忘れて書いてみて出来ませんかね？

＞サンプルの"this"と言うのは、"#Menu li"のことを指しているのでしょうか？
$("#Menu li").click(function(){
$(this) ← #Menu liのクリックされた要素です。
})

お礼

お返事ありがとうございます！！
はい！もちろんサンプルは試してみました！
非常に分かりやすく大変勉強になりました！
ただ、それをうまく活かして試してみたのですがなかなかうまくいかず。。。

$("#Menu li").click(function(){

のようにすると全てのliのボタンで写真が出てきてしまいます。。
それとほかのliをクリックした後に、また写真が出てくるliのギャラリーボタンを押してもなにも反応がしなくなります。
これはまだフラグが立った状態になってしまっているということなのでしょうか？

分かってしまえばとても簡単な仕組みなような気がするのですが、とても難しいです。。。