Несколько переключателей Jquery div работают в Firefox, а не в Safari или Opera?

этот код работает в Firefox, но не в Safari или Opera. Не уверен насчет IE, так как у меня 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>

Я нашел код в этом сообщении на этом веб-сайте: Скрытие родительских элементов div в Jquery