Estoy buscando ocultar un elemento del carrusel de Bootstrap y mostrarlo nuevamente cuando se hace clic en un botón. Estoy usando el método .detach de Jquery que oculta la diapositiva, sin embargo, cuando trato de agregar la diapositiva oculta, la diapositiva no aparece en el mismo lugar.

Por ejemplo, tengo CarouselItem1, CarouselItem2, CarouselItem3. Hago clic en un botón que oculta CarouselItem2. Cuando hago clic en otro botón, quiero que CarouselItem2 vuelva a aparecer en el mismo lugar entre CarouselItem1 y CarouselItem2

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