私はjqueryとjavascriptを初めて使用します。これがコードです。これはサンプルです。実際のページには150種類以上の飲み物があり、5つは以下に示されています。このコードを要約する方法はありますか? 1 つの div をクリックすると、別の div がバウンスするようになります。バウンスする div には小さな画像が含まれており、これは飲み物を見つけるための巨大なメニュー システムとして使用されます。お時間をいただきありがとうございます。
$(document).ready(function(){
$("#Pepsi").click(function (){
$("#Pepsi-Div").delay(600).effect("bounce", { times:3, distance:30 }, 300);
});
$("#Coke").click(function (){
$("#Coke-Div").delay(600).effect("bounce", { times:3, distance:30 }, 300);
});
$("#Crush").click(function (){
$("#Crush-Div").delay(600).effect("bounce", { times:3, distance:30 }, 300);
});
$("#7up").click(function (){
$("#7up-Div").delay(600).effect("bounce", { times:3, distance:30 }, 300);
});
$("#RootBeer").click(function (){
$("#RootBeer-Div").delay(600).effect("bounce", { times:3, distance:30 }, 300);
});
});