一定以上縦幅がある時アコーディオンする

  var box = $('.box');
  //.boxの下に.moreを作る
  box.after('<div class="more">MORE</div>');
  var more = $('.more');

  //中略

  //forで.box-innerの高さを取得、縦幅が180pxより小さい場合.moreをhideする
  //box.lengthで.boxの数分だけ回す
  for (var i = 0; i < box.length; i++) {
    //.eq(i)でインデックス番号でフィルタリング
    var boxInnerH = $('.box-inner').eq(i).innerHeight();
    if (boxInnerH < 180) {
      more.eq(i).hide();
    } else {
      box.eq(i).css({
        height: '180px'
      });
    }
  }

  function adClass() {
    $(this).next(more).addClass('is-active');
  } //中略
  more.on('click', function() {
    //複数あった時を考慮 
    //クリックした.moreに対応する.box-innerの高さを取得する 
    //more.index(this)でindex番号を出す 
    var index = more.index(this);
    var boxThis = box.eq(index);
    var innerH = $('.box-inner').eq(index).innerHeight();
    if ($(this).hasClass('is-active')) {
      //.is-activeがある場合（アコーディオンが開いているとき） 
      boxThis.animate({
        height: '180px'
      }, 200, remClass);
    } else {
      //ない場合（アコーディオンが閉じているとき） 
      boxThis.animate({
        height: innerH
      }, 200, adClass);
    }
  });