[JS] javascript 이벤트 버블링

<div class="layer_popup ">
  <div class="content">
    <h1>Layer</h1>
    <p>desc</p>
    <p>desc</p>
    <p>desc</p>
    <p>desc</p>
  </div>
</div>

<script>
    function click_ani() {
        $('.content').addClass('shake animated').one(animationEnd, function () {
            $('.content').removeClass('shake animated');
        });
    }

    click_ani();

    $('.content').click(function () {
        event.stopPropagation(); //부모요소로 이벤트 전파되는 것 막기
        click_ani();
    });

    $('.layer_popup').click(function () {
        $(this).delay(500).fadeOut();
    });
</script>