1

div をフェードアウトさせて別の div にフェードインさせるスクリプトがあります。コードは機能しますが、機能させたい 10 個の div があり、現在は最初の div でのみ機能します。

$('#content').click(function(e){    
$('#content').fadeOut('slow', function(){
    $('#backside').fadeIn('slow');
});
});

$('#backside').click(function(e){    
$('#backside').fadeOut('slow', function(){
    $(' #content').fadeIn('slow');
});
});

http://jsfiddle.net/3XwZv/981/

4

2 に答える 2

3

これは、一意である必要があるセレクターとしてidを使用したためです。期待される結果が必要な場合は、クラスセレクターを試してください。

$('.content').click(function(e){    
$(this).fadeOut('slow', function(){
    $(this).next('.backside').fadeIn('slow');
});
});

そして、マークアップを変更して、これらのクラス(コンテンツと裏面)をそれぞれの要素に設定します。

<div class="content"></div>
于 2013-09-29T19:49:19.500 に答える
2

.prev()and と.next()クラス (は一意である必要があります) を使用idして、目的の効果を実現します。

$('.content').click(function (e) {
   $(this).fadeOut('slow', function () {
        $(this).next().fadeIn('slow');
    });
});

$('.backside').click(function (e) {
   $(this).fadeOut('slow', function () {
        $(this).prev().fadeIn('slow');
    });
});

ここで動作しています: http://jsfiddle.net/3XwZv/983/

于 2013-09-29T20:04:31.837 に答える