jquery - この関数は、ホバーの代わりにクリックでどのように機能しますか？

Question

これで問題はありませんが、理想的には、各セクションをクリック時にのみ表示し、次のセクションをクリックすると、現在のdivをフェードアウトし、次のそれぞれのdivをフェードインします。簡単そうに見えますが、わかりません。マークアップを変更する必要があるかどうかはわかりませんが、これは効率的だと感じました。

    $(document).ready(function() {

    $('.nav li a').hover(function() {

            $(this).siblings('div').stop(true,true).fadeIn()
            },
            function () {
            $(this).siblings('div').stop(true,true).fadeOut()

        });

    });

おそらくコンテキストが必要なので、ここにフィドルがあります。

http://jsfiddle.net/5XbrY/

Answer 1

代わりにこれを試してください

$('.nav li a').toggle(
    function() {
        $(this).siblings('div').stop(true,true).fadeIn();
    },
    function () {
        $(this).siblings('div').stop(true,true).fadeOut();
    }
);

デモ

幸運を ！！