Как скрыть элементы управления на первом и последнем индикаторе Сarousel Bootstrap 3?

Здравствуйте.
Скрипт должен скрывать правы или левы элементы управления, зависит от нахождения индикатора на первом или последнем, плюс работал сразу с нескольким Сarousel.
Но скрипт работать хаотично: То работает, то работает не так как задумано, скрывать только первый элемент и не реагирует и т. д.

Помогите найти проблему в моем коде:

carousel('#config-carousel');
$('#config-carousel').on('slid.bs.carousel', "", carousel('#config-carousel'));
function carousel(id){
    if ($(id + ' .carousel-inner .item:first').hasClass('active')) {
        $(id).children('.left.carousel-control').hide();
        $(id).children('.right.carousel-control').show();
    } else if ($(id + ' .carousel-inner .item:last').hasClass('active')) {
        $(id).children('.left.carousel-control').show();  
        $(id).children('.right.carousel-control').hide();
    } else {
        $(id).children('.carousel-control').show();
    }
}
  • Вопрос задан
  • 17 просмотров
Пригласить эксперта
Ответы на вопрос 1
@givemoneybiatch
Немного веб, немного гейм
Попробуй :nth-last-of-type()
https://developer.mozilla.org/ru/docs/Web/CSS/:nth...
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы