<li class="pseudo-link" id="left">
...
</li>
<li class="pseudo-link" id="middle">
...
</li>
<li class="selected" id="right">
...
</li>
<div class="gr-content js-case_partps-bankruptcy g-hidden" id="gr_case_partps">
...
</div>
<div id="gr_case_judges" class="gr-content g-hidden">
...
</div>
<div id="gr_case_acts" class="gr-content">
...
</div>
$('.carousel').on('slide.bs.carousel', function(event) {
var slideIndex = event.to, // индекс слайда, к которому переходим
activeSlide = $('.slide').eq(slideIndex), // активный слайд
myOuterElem = $('.my-outer-element'); // некий элемент вне карусели
if(activeSlide.hasClass('night-bg')) {
myOuterElem.addClass('my-new-class'); // добавляем класс к внешнему элементу если ночь
} else
if(activeSlide.hasClass('day-bg')) {
myOuterElem.removeClass('my-new-class'); // убираем класс у внешнего элемента если день
}
});
var $ul = $(this),
$li = $ul.children(),
liArray = [];
$li.slice(3).hide();
// вариант 1
liArray = $li.slice(0, 3);
// вариант 2
liArray = $li.filter(':visible');
will-change: transform;
.* {
backface-visibility: hidden;
}