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();
    }
);

演示

祝你好运 ！！