小弟刚开始练习,遇到问题,请教,关于代码重复的问题。

图片描述

就是这个.slideDown(800).siblings().hide(800);一直重复,想简介一下代码。
其实每次改变的只是数字1,2,3.
刚开始可能代码思想跟逻辑都还不成熟,还望大神指点啊~

阅读 973
评论
    5 个回答

    ES6:

    for (let i = 1; i <= 3; i++)
        $(`.Apr${i}`).click(function () {
            $(`.AprSmall_thing${i}`).slideDown(800).siblings().hide(800);
        });

    ES5:

    for (var i = 1; i <= 3; i++)
        (function (i) {
          $('.Apr'+i).click(function () {
              $('.AprSmall_thing'+i).slideDown(800).siblings().hide(800);
          });
        })(i);