Javascript show hide仅在ajax调用中第一次起作用

我有一个div要在单击时显示/隐藏，这个div将通过ajax加载从me.html加载内容。我正在将一个类添加到一个标记中，然后当我再次单击一个添加了类的标记时，它应该隐藏div。但是这不起作用

$(function() {
    $("#nav a").click(function() { 
        $(this).toggleClass('added');
        if($(".o1").length <= 0) { 
            $("body").append('<div class="o1"></div>');
            $(".o1").load("me.html").css("display","block");
        }
        $(".added").click(function() { 
            $(".o1").css("display","none");
        })
    });
});

$（函数（）{
$（“#导航a”）。单击（函数（）{
$（this.toggleClass（'added'）；
如果（$（“.o1”）.length请尝试此操作。如果对象不存在，则此操作将设置该对象。如果对象不存在，则将切换该对象，以备将来单击

$(function() {
    $("#nav a").click(function() { 
        $(this).toggleClass('added');
        if($(".o1").length <= 0)
        { 
            $("body").append('<div class="o1"></div>');
            $(".o1").load("me.html");
        } else if($(this).hasClass("added"))
            $(".o1").hide();
        } else {
            $(".o1").show();
        }
    });
});

$（函数（）{
$（“#导航a”）。单击（函数（）{
$（this.toggleClass（'added'）；
如果（$（“.o1”）.length请尝试此

<div class="o1"></div>

$(".o1").hide();

$(function() {

    $("#nav a").click(function() { 

            $(this).toggleClass('added');


            if($(this).hasClass('added') == false){ 

                    $(".o1").load("me.html", function(){$(".o1").show()});

                }

            if($(this).hasClass('added') == true){ 

                    $(".o1").hide();

                })
      });
});


$（“.o1”）.hide（）；
$（函数（）{
$（“#导航a”）。单击（函数（）{
$（this.toggleClass（'added'）；
if（$（this）.hasClass（'added'）==false）{
$（“.o1”）.load（“me.html”，function（）{$（.o1”）.show（）}）；
}
if（$（this）.hasClass（'added'）==true）{
$（“.o1”）.hide（）；
})
});
});
您遇到了什么错误？没有错误，看起来逻辑不是proper@Jack：那么应该是什么呢。@Mike可能只有$（这个）。单击（@Mike您的代码中没有任何内容可以在隐藏后切换状态。我已经更新了我的代码，以便与您添加的
类一起工作。@Mike已经更新了事件的时间线，可能是为了解释出了什么问题。