Как список в Autocomplete сделать разворачивающимся?

Autocompleteподдерживает группу элементов: https://codepen.io/anon/pen/EBNqqQ?editors=1010

Как сделать, чтобы по умолчанию вложенные элементы были скрыты, а при клике на группу они разворачивались?

Пытаюсь сделать это через List, он как раз поддерживает такое: https://codepen.io/anon/pen/jjyNNM
Но проблема в том, что при клике на элемент внутри Autocomplete - он выбирается, вместо того, чтобы разворачивать список.

Благодарю всех заранее.