Html 材质设计垂直列表中的重叠阴影

我使用Material Design在HTML中实现了一个手风琴样式列表。列表项有两种状态：关闭和打开。根据材质指南，我希望这些项目在关闭时有一个小阴影，在打开时有一个大阴影

我面临的问题是，当项目处于关闭状态时，阴影边框在元素之间显示。我只想在完整的项目列表周围加上一个

，并在上面加上阴影，但是当列表项目展开时，这会导致问题。[见图2]如何解决这个问题

单击后，项目应展开并出现在前台。这会阻止我在完整列表周围放置

标记