jQuery单击函数同时触发

Question

我有两个似乎同时触发的点击功能。我需要第二个只发生在第一个之后。

所以第一个slideDown工作正常，但是一旦完成，我希望它停止，然后单击.close类的slideUp会被点击。

$(".trigger").click(function() {
    $(".mobileWrap").slideDown(500);
    $(".mainContentBg").addClass("height", 1000);
    $(".trigger").text("Read less");
    $(".trigger").addClass("close");
    $(".close").removeClass("trigger");
});
$("body").on("click", ".close", function() {
    $(".mainContentBg").removeClass("height", 1000);
    $(".mobileWrap").slideUp(1000);
    $(".trigger").addClass("trigger");
    $(".trigger").text("Read more");
});

http://jsfiddle.net/6hvZT/648/

由于