Скрыть отдельный слайд в карусели начальной загрузки по щелчку мыши

#javascript #jquery

Вопрос:

Я хочу скрыть один элемент карусели начальной загрузки и отобразить его снова при нажатии кнопки. Я использую метод Jquery .detach, который скрывает слайд, однако, когда я пытаюсь добавить скрытый слайд обратно, слайд не появляется в том же месте.

Например, у меня есть карусель1, карусель2, карусель3. Я нажимаю на кнопку, которая скрывает CarouselItem2. Когда я нажимаю на другую кнопку, я хочу, чтобы CarouselItem2 снова появился в том же месте между CarouselItem1 и CarouselItem2

 $("#customSwitch2").change(function(event){
    if (this.checked){
        var copy = $('#slide2');
        $('#slide2').detach(); <- this works
        
    } else {
        $('#slide1').append(copy);
    }
});