多个Jquery div切换在Firefox中有效，而不是在Safari或Opera中？

这段代码可以在Firefox中使用，但不能在Safari或Opera中使用。我不太清楚，因为我在mac电脑上。知道为什么吗？我是一个新手，这只是我根据需要找到并编辑的代码：

<div id = "button">Bryllup
    <div id="parent1">
        shown text
        <div id ="parent11">
            <div id = "elt1">
                Close
            </div>
        </div>
    </div>
</div>

<script>
$(document).ready(function() {
    $("#parent1").hide();       
    $("#button").click(function() {$("#parent1").show(); });
    $("#elt1").click( function (e) {
        e.stopPropagation();
        $(this).parent().parent().hide();
    });
});
</script>

Bryllup
显示文本
接近
$（文档）.ready（函数（）{
$（“#parent1”）.hide（）；
$（“#按钮”）。单击（函数（）{$（“#父项1”）.show（）；}）；
$（“#elt1”）。单击（函数（e）{
e、 停止传播（）；
$（this.parent（）.parent（）.hide（）；
});
});

我在这个网站的帖子中找到了代码：

---

当我把你的代码放在Chrome、Safari和Opera（在Windows Vista上）上时，你的代码似乎在这里工作。你能自己试试吗？这种情况（您的代码对我们来说运行良好）通常意味着您的页面存在其他问题，您没有向我们显示这些问题，或者您在压缩代码以在此处发布时遗漏了一些导致错误的内容

• 你的页面上还发生了什么
• 您是否在调试控制台中查看是否报告了任何错误
• 当你说它不起作用时，你到底观察到了什么

---

在Chrome、Firefox、Opera和Safari中的效果与我完全相同。你犯了什么错误？