jquery - クリックごとに背景を変更するjQuery

Question

jQueryアニメーションについて質問です。クリックするたびに背景画像が変わるはずです。

これは私の例ですが、うまくいきません:

http://jsfiddle.net/aldimeola1122/kRjrn/215/

    $(document).ready(function(){

    function deneme(){
    $('#background').animate({ opacity: 1 }, 3000);
    }
    function deneme2(){
    $('#background2').animate({ opacity: 1 }, 3000);
    }

    $("#deneme").click(deneme);
    $("#deneme2").click(deneme2);

});

どうすれば機能しますか？

Answer 1

これはどうですか：

http://jsfiddle.net/hWgZ8/

$(document).ready(function(){

function deneme(){
    $('#background2').animate({ opacity: 0,queue:false }, 3000);
    $('#background').animate({ opacity: 1 ,queue:false}, 3000);
}
function deneme2(){
    $('#background').animate({ opacity: 0 ,queue:false}, 3000);
    $('#background2').animate({ opacity: 1 ,queue:false}, 3000);
}

$("#deneme").click(deneme);
$("#deneme2").click(deneme2);

});

編集:「queue: false」は、前のアニメーションを待たないようにするためのものです

Answer 2

いくつか不足しています。div #background2 がありませんでした。また、クリック ハンドラーを設定していませんでした (提供した jsFiddle デモで)。

jsFiddle デモ

function deneme () {
    $('#background2').animate({ opacity: 0 }, 100);
    $('#background').animate({ opacity: 1 }, 3000);
}
function deneme2 () {
    $('#background').animate({ opacity: 0 }, 100);
    $('#background2').animate({ opacity: 1 }, 3000);
}

$("#deneme").click(deneme);
$("#deneme2").click(deneme2);