ListView {
        anchors.fill: parent

        delegate: Rectangle {
            id: root
            property var myModel: model
            color: "lightblue"
            height: content.height
            Column {
                id: content

                ItemDelegate {
                    id: headerDelegate
                    checkable: true
                    text: model.name
                }
                Column {

                    visible: headerDelegate.checked
                    Repeater {
                        Label {
                            text: model.name
                        }
                        model: root.myModel.items
                    }
                }
            }


        }

        model: ListModel {
            ListElement {
                name: "test 0"
                items: [
                    ListElement {
                        name: "first"
                    },
                    ListElement {
                        name: "second"
                    },
                    ListElement {
                        name: "last"
                    }
                ]
            }
            ListElement {
                name: "test 0"
                items: [
                    ListElement {
                        name: "first"
                    },
                    ListElement {
                        name: "second"
                    },
                    ListElement {
                        name: "last"
                    }
                ]
            }
            ListElement {
                name: "test 0"
                items: [
                    ListElement {
                        name: "first"
                    },
                    ListElement {
                        name: "second"
                    },
                    ListElement {
                        name: "last"
                    }
                ]
            }
        }
    }