回答編集履歴

1 追記

KazmaArakaki

KazmaArakaki score 95

2017/08/21 00:59  投稿

ご質問のコードにコメントをつけてみました。
```
/* menuItemの個数分ループする */
for (var i = 1; i <= menuItem.length; i++) {
 /* 現在進行中のアニメーションを中断して別のアニメーションを実行する */
 menuItem.eq(i - 1).stop().animate({
   /* center 属性を openPosition の値に変更する(アニメーション) */
   'center': openPosition`
 /* アニメーションの動作時間 */
 }, speedItem);
}
```
だいたい下のコードと動きは同じはずです。`t`は親関数`menuSlide`の引数です。
```
var menuItem = $(t).find("li");
menuItem.stop();
menuItem.animate({
 "center": 0
}, 300);
```
> for文の部分が何の働きをしているのかが、いまいちわかりません。そもそもこちらは必要なのでしょうか?  
 
不要かと思われます。  
 
### 参考
* [stop() - jQuery 日本語リファレンス](http://semooh.jp/jquery/api/effects/stop/_/)
* [animate(params, [duration], [easing], [callback]) - jQuery 日本語リファレンス](http://semooh.jp/jquery/api/effects/animate/params%2C+%5Bduration%5D%2C+%5Beasing%5D%2C+%5Bcallback%5D/)

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る