Função para mostrar e ocultar componentes

Estou fazendo alguns testes com o propriedade de visibilidade dos componentes.

Criei um código para mostrar e ocultar um componente datagrid, a principio só consegui fazer como mostra abaixo, vejam o codigo.

A lógica é a seguinte:

Sempre que clicar no botão "Ocultar", o Datagrid é removido da tela, e o label do botão muda para "Mostrar", ao ao ser clicado mostra o datagrid e volta com o label para "Ocultar", reiniciando o ciclo.

Até então tudo certo, porêm só funciona com o datagrid específico.

Gostaria de criar um afunção que eu passe o id do componente que eu quero ocultar, para evitar ter que criar uma função pra cada vez que eu precise ocultar algum componente, algo como click=alteraestado('idcomponente')

Alguém já passou por isso, sabe me ajudar

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
<fx:Declarations>
<!-- Place non-visual elements (e.g., services, value objects) here -->

	</fx:Declarations>
	<fx:Script>
 <![CDATA[
 public function alteraestado():void{
 if (dg_teste.visible)
 {
 dg_teste.visible = false;
 mostrar.label = "Mostrar";
 }
 else
 {
 dg_teste.visible = true;
 mostrar.label = "Ocultar"
 }
 }

 ]]>
	</fx:Script>
	<mx:DataGrid x="48" y="83" id="dg_teste">
 <mx:columns>
 <mx:DataGridColumn headerText="Column 1" dataField="col1"/>
 <mx:DataGridColumn headerText="Column 2" dataField="col2"/>
 <mx:DataGridColumn headerText="Column 3" dataField="col3"/>
 </mx:columns>
	</mx:DataGrid>
	<s:Button x="48" y="54" label="Ocultar" id="mostrar" click="alteraestado()"/>
	<s:Label x="48" y="34" text="Mostrar e Ocultar Componentes" />
</s:Application>