学习事件冒泡，轻松实现复杂的交互效果

掌握事件冒泡，轻松实现复杂交互效果，需要具体代码示例

事件冒泡（Event Bubbling）是前端开发中一个重要的概念，它指的是当一个元素上的事件被触发后，该事件会自动向父级元素传播，直到传播到文档根元素。掌握了事件冒泡的原理和应用，我们可以轻松实现复杂的交互效果，提升用户体验。下面将通过具体的代码示例，来帮助读者更好地理解和应用事件冒泡。

代码示例一：点击展开和收起效果

HTML结构：

<div class="container">
    <div class="header">标题</div>
    <div class="content">
        <p>内容</p>
    </div>
</div>