Aprenda a ocultar ou exibir componentes e controles

<?xml version="1.0" encoding="iso-8859-1"?>

<!--
  Este exemplo mostra como ocultar ou exibir
  um componente ou controle Flex.

  Nota: A propriedade que usaremos é visible e é
  definida originalmente na classe UIComponent. 
-->

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

  <mx:Panel id="painel" title="Estudos" status="Active" 
     height="300" width="200" paddingTop="10" 
     paddingLeft="10" paddingRight="10" 
     paddingBottom="10">

     <mx:TextInput id="texto"/>
     <mx:Button id="btn" label="Ocultar" 
       click="ocultar();"/>

  </mx:Panel>

  <mx:Script>
    <![CDATA[
      private function ocultar():void{
        if(texto.visible){
          texto.visible = false;
          btn.label = "Exibir";
        }
        else{
          texto.visible = true;
          btn.label = "Ocultar";
        }  
      }
    ]]>
  </mx:Script>

</mx:Application>