[miramax]

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

    
    <mx:Script>
        <![CDATA[
        	import mx.states.SetProperty;
        	import mx.states.State;
        public var stateMore:State;
        
        public function createNewState():void{
        	stateMore = new State();
        	stateMore.name = "More";
        	var setPr:SetProperty = new SetProperty();
        	setPr.target = this.panel;
        	setPr.name = 'height';
        	setPr.value = 300;
        	stateMore.overrides.push(setPr);
        	states.push(stateMore);
        	
        }

		public function panelResize():void{
			
			if(currentState == 'More')
			{
				panelResize_tr.fromState='More';
				panelResize_tr.toState='*';				
			}
			else{
				panelResize_tr.toState='More';
				panelResize_tr.fromState='*';								
			}
		
			currentState = currentState=='More'?'':'More';
		}

        ]]>
    </mx:Script>

    <mx:transitions>
    	<mx:Transition id="panelResize_tr" fromState="*" toState="More">
    		<mx:Parallel target="{Panel}">
    			<mx:Resize duration="200">    				
    			</mx:Resize>
    		</mx:Parallel>
    	</mx:Transition>
     </mx:transitions>
    
    <mx:Panel width="250" height="200" layout="absolute" id="panel" click="panelResize()">
    </mx:Panel>
</mx:Application>