如何使用胸腺叶实现列表的折叠和展开？

<ul th:each="item : ${items}">
    <li>
        <button th:text="${item.name}" onclick="toggleItem(this)"></button>
        <ul th:if="${item.expanded}">
            <li th:text="${item.description}"></li>
        </ul>
    </li>
</ul>

function toggleItem(button) {
    var item = button.__${item}__;
    item.expanded = !item.expanded;
}

@GetMapping("/list")
public String getList(Model model) {
    List<Item> items = // 从数据库或其他数据源获取列表数据
    model.addAttribute("items", items);
    return "list";
}