fadeOut (en un li) deja de funcionar después de usar addClass en div que envuelve la ul

Estoy trabajando en un “control deslizante”. Tengo una ul principal para el contenido principal (por ejemplo, imágenes), así como una segunda ul para un carrusel de miniaturas. Haga clic en un pulgar (o en prev / next) e I transiciones del li actual (índice de lectura) al li pulsado usando esta línea:

cacheMainImagesList.siblings('li').eq(currentIndex).fadeOut(opts.imageOutDuration, function(){cacheMainImagesList.eq(displayThisIndex).fadeIn(opts.imageInDuration)}); 

No estoy actuando sobre las imágenes en sí porque estoy buscando un control deslizante de contenido y no solo un control deslizante de imagen. Dicho esto, estoy deseando tener un modo de pantalla completa. Haga clic en un botón y las imágenes llenarán la pantalla.

Para hacer la pantalla completa, estoy agregando una clase a la envoltura más externa. Esa clase se define como posición: fija, izquierda: 0, arriba: 0. (Nota: no creo que este detalle importe, pero qué diablos.) El salto a la pantalla completa funciona. Básicamente es el mismo uls que acaba de envolverse y CSS ‘s ligeramente diferente.

Sin embargo, la línea de código anterior deja de funcionar. No estoy recibiendo un error. Específicamente, el fadeOut simplemente deja de funcionar. El fadeIn funciona, pero por alguna razón el fadeOut no lo hace. En resumen, las diapositivas dejan de “deslizarse”, luego se acumulan. Puedo avanzar en el índice, 2, 3, 4, etc. Pero cuando bash retroceder, el CurrentIndex nunca hace el fadeOut.

Finalmente, traté de forzarlo con un hide () pero luego hay una especie de “flash”. Tampoco quiero el efecto instantáneo de ocultar. Incluso si es un desvanecimiento súper rápido, es aún más agradable.

¿Alguien tiene alguna pista? Obviamente, no lo hago. Gracias.

Quizás esto ayude: jsfiddle.net/chiefalchemist/UvpGN/5 Por favor, vea el comentario a continuación sobre este trabajo. Es decir, no reproduce el fadeOut roto.

Permítame desglosarlo hasta su nivel más básico … El fadeOut y el fadeIn están funcionando en el mismo selector / objeto en la misma línea de código. Es cuestión de que se cambien dos índices diferentes. ¿Por qué fadeout no funciona pero fadeIn sí? Es por eso que estoy perplejo.