jQuert Wählen Sie ein eq-Ziel aus einer anderen Liste, die nicht ausgewählt ist

Question

Kann nicht das "nicht" zu arbeiten. Wenn ich auf eine Liste klicke, möchte ich diesen Index verwenden, um auf eine Liste von absoluten Bildern zu zielen. Das ausgewählte Hintergrundbild, das in einer Liste gespeichert ist, wird nicht ausgeblendet, aber der Rest wird. Der Auserwählte bleibt.

$('.accordion-item').click(function(){ 
    var index=$(this).index(); 
    var rotationImage = $('.image-rotation li'); 
    rotationImage.not('eq(index)').fadeout; 
    rotationImage.eq(index).fadeIn(); 
}); 

Codepen: http://codepen.io/rezasan/pen/oLPYVr

Answer 1

Okay, mal sehen ...

1. Sie :eq() nicht nur eq()
2. Sie haben zu entkommen index in der string von :eq() richtig
schreiben sollte
3. ist es .fadeOut() nicht nur .fadeout

Alles andere funktioniert im Allgemeinen gut. :)

$('.accordion-item').click(function(){ 
    var index = $(this).index(); 
    var rotationImage = $('.image-rotation li'); 
    rotationImage.not(':eq('+ index +')').fadeOut(); 
    rotationImage.eq(index).fadeIn(); 
}); 

Und nur vollständig zu sein, könnten Sie sogar in einer einzigen Kette dies tun und nicht not() brauchen überhaupt:

$('.accordion-item').click(function(){ 
    $('.image-rotation li').fadeOut().eq($(this).index()).fadeIn(); 
}); 

Working example.

( codepen aktualisiert)