jquery - Jquery 中显示/隐藏 div 问题

Question

我从另一个网站复制了 Jquery 代码，“Link one”工作正常。当我按下它时，会出现一个弹出 div，当我在 div 外部单击时，它就会消失(这很好)。但是“链接二和三弹出div”没有正确出现/消失。您能增强代码吗？请查看下面的链接(到目前为止我所做的)

http://jsfiddle.net/awaises/SNCtu/

另外请确保，即使我按“链接二”或“链接三”，一次也只会出现一个 div

非常感谢您的帮助!

Answer 1

尝试这个更短的演示 http://jsfiddle.net/vERmV/

希望它符合原因:)

代码

$(function() {
    $('#hidden1,#hidden2,#hidden3').hide().click(function(e) {
        e.stopPropagation();
    });
    $(".cart-buttom1,.cart-buttom2,.cart-buttom3").click(function(e) {

        var id = $(this).attr('class').replace(/cart-buttom/, '');

        $('.popup').hide()
        $('#hidden' + id).animate({
            opacity: "toggle"
        });

        e.stopPropagation();
    });

    $(document).click(function() {
        $('#hidden1,#hidden2,#hidden3').fadeOut();
    });
});​