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

Question

[Сергей]

Здравствуйте.
Скрипт должен скрывать правы или левы элементы управления, зависит от нахождения индикатора на первом или последнем, плюс работал сразу с нескольким С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();
    }
}

Answer 1

[Ler Den]

Попробуй :nth-last-of-type()
https://developer.mozilla.org/ru/docs/Web/CSS/:nth...

Comments

[Сергей]

Не помогло, так же и с другими псевдоклассами.