How to fetch nested JSON data with jquery

See more:

jQuery

JSON

The below is my JSON file

[
    {
        "Asia": [
            {
                "regionCode": "GC123",
                "Countrylist": [
                    {
                        "countryName": "China",
                        "countryCode": "GC456",
                        "subCountryList": [
                            {
                                "subCountryName": "Southern China",
                                "subCountryCode": "GC678"
                            },
                            {
                                "SubCountryName": "Central China"
								"subCountryCode": "GC607"
                            }
                        ]
                    }
                ],
                "regionName": "Eastern Asia"
            }
        ]
    },
    {
        "Africa": [
            {
                "regionCode": "GR102",
                "Countrylist": [
                    {
                        "countryName": "Angola",
                        "countryCode": "GC456",
                        "subCountryList": []
                    }
                ],
                "regionName": "Central Africa"
            }
        ]
    }
]

I wanted it to display as below
Collapsed structure
Asia
Eastern Asia
China +
Africa
Central Africa
Angola
Expanded structure
Asia
Eastern Asia
China -
Southern China
Eastern China
Africa
Central Africa
Angola