Hideable Panel demo

Description
This page displays a HideablePanel customized.
Here are defined the duration of the animation and allow some JavaScript interaction.


In Action
This
content
is
hideable
This
content
is
always
visible



TML Source code

		<ex:HideablePanel t:id="hpanel" hideWidth="200" duration="0.1">
		
			<t:parameter name="hideable">
				This<br/>
				content<br/>
				is<br/>
				hideable<br/>
			</t:parameter>
			
			<t:parameter name="visible">
				This<br/>
				content<br/>
				is<br/>
				always<br/>
				visible<br/>
			</t:parameter>
			
		</ex:HideablePanel>
		
		<input type="button" onclick="hpanel.reverse()" value="Switch panel visibility"/>