javascript - jQuery $each フェードイン フェードアウト

Question

クラスがすでに表示されている.show場合、別のdivをクリックすると再びフェードします#c-。

http://jsfiddle.net/7KdR6/1/

$('[id^="c-"]').each(function(i){
    $this = $(this);
    $(this).text(i);
    $(this).on('click',function(){
        $('.show').fadeIn().text(i);
        event.stopPropagation();
    });
})
$(document).on('click', function(){
     $('.show').fadeOut();
});

Answer 1

表示されている要素でfadeInを使用する前に、要素を非表示にする必要があります

$('[id^="c-"]').each(function (i) {
    var $this = $(this);
    $this.text(i);
    $this.on('click', function () {
        $('.show').hide().fadeIn().text(i);
        event.stopPropagation();
    });
})

デモ:フィドル

Answer 2

.hide()に電話する前に電話してみてください.fadeIn()。

デモフィドル