JavaScriptの言語仕様の問題です。 forループが終わってイベント登録が完了した時点では、変数iは3になっています。 その後、ユーザー操作でマウスのクリック動作した時に、イベント関数が呼び出されますから、 > $(divArray[i]).animate({width: "0px"}, "slow", "swing"); この部分は、全て > $(divArray[3]).animate({width: "0px"}, "slow", "swing"); として処理されることになります。 そのため、期待通りの動作にならないのです。 対策ですが、 --- jQuery(function($){ var buttonArray = ["#button0", "#button1", "#button2"]; var divArray = ["#box0", "#box1", "#box2
