这个功能如何与click而不是悬停一起使用？

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

<强> DEMO

祝你好运!!