How can I open this spinner list with a click of a button, and then close it with another button?
<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark" title="Sample SpinnerList" xmlns:r="renderers.*">
<s:layout>
<s:VerticalLayout paddingTop="40" paddingBottom="5" paddingLeft="5" paddingRight="5" gap="10"
horizontalAlign="center" verticalAlign="top"/>
</s:layout>
<s:SpinnerListContainer width="200">
<s:SpinnerList width="100%">
<s:dataProvider>
<s:ArrayCollection>
<fx:String>Test1</fx:String>
<fx:String>Test2</fx:String>
<fx:String>Test3</fx:String>
<fx:String>Test4</fx:String>
<fx:String>Test5</fx:String>
</s:ArrayCollection>
</s:dataProvider>
</s:SpinnerList>
</s:SpinnerListContainer>
</s:View>
North America
Europe, Middle East and Africa
Asia Pacific