Javascript Jquery previous.html（）元素在单击新元素时仍显示

我必须写的代码，找到所有的锚和附加的功能，显示文本元素弹出窗口。我的代码可能乱七八糟，但我能够让它正常工作，但我现在遇到的问题是：

如果我单击链接1，然后单击链接2，然后再次单击链接1，它将显示链接2的文本，但是如果我再次单击它，它将显示正确的文本

我不确定到底该如何重写或修复此代码，以正确显示一直单击的元素文本

下面是一个JSFIDLE示例：

$（文档）.ready（函数（）{
功能取消选择（e）{
$（'.pop'）.slideFadeToggle（函数（）{
e、 removeClass（“选定”）；
});    
}
$（函数（）{
$（'a'）。单击（函数（）{
if（$（this）.hasClass（'selected'））{
取消选择（$（此））；
}否则{
$（this.addClass（'selected'）；
$（'.pop'）.slideFadeToggle（）；
var elText=$（this.text（）；
$（“#elPop”）.html（“”+”

“+”您刚才单击：
“+elText+”


“+”单击任意位置以关闭“+”
”；
console.log（this）；
$（“#closeWin”）。单击（函数（）{
$（'.anchorpop'）.hide（）；
});
}
返回false；
});
});
$（函数关闭（）{
$（文档）。单击（函数（）{
$（'.anchorpop'）.hide（）；
});
});
$.fn.slideFadeToggle=函数（缓和、回调）{
返回这个。设置动画（{opacity:'toggle'，height:'toggle'}，'fast'，easing，callback）；
};
});

您正在绑定以下单击处理程序

    $("#closeWin").click(function () {
      $('.anchorpop').hide();
    });

---

内部

非常感谢您，这非常有效，比我复杂的混乱更有意义！
    $("#closeWin").click(function () {
      $('.anchorpop').hide();
    });

$(function () {
  $('a').click(function () {
    var htmlString = "<p>" + "<br><br>" + "You just clicked: <br><b>" + $(this).text() + "</b><br><br><br>" + "Click anywhere to Close" + "</p>"
    $('.pop').html(htmlString).slideFadeToggle(function () {
        $(this).toggleClass('selected');
    });
  return false;
  });
  $("#closeWin, .anchorpop").click(function () {
    $('.anchorpop').hide();
  });
});