Jquery 单击并隐藏HTML时弹出元素单击

Jquery 单击并隐藏HTML时弹出元素单击,jquery,Jquery,我有以下HTML代码: <a href="#language">English</a> <div class="popup" id="language"> Portuguese | English | French </div> 但是HTML部分使我的代码停止工作 以下是一个例子: 我怎样才能解决它 谢谢,, 米格尔问题在于事件传播 $('a').click(function (event) { $($(this).attr('hre

我有以下HTML代码:

<a href="#language">English</a>
<div class="popup" id="language">
  Portuguese | English | French
</div>
但是HTML部分使我的代码停止工作

以下是一个例子:

我怎样才能解决它

谢谢,,
米格尔

问题在于事件传播

$('a').click(function (event) {
    $($(this).attr('href')).toggle();
    return false;
});
$("html").click(function (event) {
    $("div.popup").hide();
});

演示:

我明白了。。。我认为“returnfalse”和“preventDefault”是做同一件事的两种方法。是否可以确保只有一个弹出窗口打开。我更新了我的示例:。现在通过点击这两个链接,我可以打开两个弹出窗口。我想在打开新的弹出窗口时关闭所有弹出窗口。@MDMoura不,它们不是<代码>返回false==阻止默认值并停止传播。非常感谢。我刚刚解决了另一个问题。我添加了$(“div.popup”).hide();在切换之前单击。谢谢大家快来。。。现在开关停止工作。有人知道如何解决这个问题吗?
$('a').click(function (event) {
    $($(this).attr('href')).toggle();
    return false;
});
$("html").click(function (event) {
    $("div.popup").hide();
});