Карусель пользовательских изображений не перемещается при удалении класса «коллапса» Bootstrap с помощью jQuery.Проблема с методом .animate

Question

Вот JSFiddle, в котором я работаю: JSFiddle

Если вы щелкнете по значку </>, чтобы открыть цикл изображения, затем щелкните по другим значкам для навигации по изображениям.это работает отлично.Тем не менее, я хочу иметь возможность щелкнуть любой из значков и открыть циклическое изображение с правильным отображением изображений.

Оператор if, который оживил бы прокрутку моего div, сразу после моего вызова метода removeClass().Вот функция для кнопки со значком css (правая кнопка), где пропускается animate().

if (clickedBtn == 0) {
  $('#workWrapper').removeClass("collapse");
  if (sliderLoc == 1) {
    $('.cycler').animate({scrollLeft: "+=" + 2 * sliderW}, 800);
  } else if (sliderLoc == 2) {
    $('.cycler').animate({scrollLeft: "+=" + sliderW}, 800);
  } else {
  }

  clickedBtn = 3;
  sliderLoc = 3;
}

Кроме того, были бы полезны рекомендации, как избежать пустого оператора else.