panel-animate-html-source.mustache revision b314fc1188609ac757efdb7f61cc5882a070a5e7
c366016ffe1788c6847d0a967a954713725cab5evboxsync<h2>Creating an animated panel using transitions</h2>
c366016ffe1788c6847d0a967a954713725cab5evboxsyncThis example shows an animated modal form.
c366016ffe1788c6847d0a967a954713725cab5evboxsync<button id="openButton">Open Panel</button>
c366016ffe1788c6847d0a967a954713725cab5evboxsyncNow let's fill this space with some text so that the modality kicks in.
c366016ffe1788c6847d0a967a954713725cab5evboxsyncVestibulum quis purus metus. Quisque in adipiscing erat. Class aptent taciti
c366016ffe1788c6847d0a967a954713725cab5evboxsyncsociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In vitae
c366016ffe1788c6847d0a967a954713725cab5evboxsynclacus tellus, non iaculis arcu. Donec nec risus diam. Vivamus sed mauris eros,
c366016ffe1788c6847d0a967a954713725cab5evboxsyncnec ultrices nibh. Phasellus scelerisque aliquet mauris, faucibus aliquam ipsum
c366016ffe1788c6847d0a967a954713725cab5evboxsynctempor quis. Integer quis risus sed tellus ornare venenatis quis ut magna.
c366016ffe1788c6847d0a967a954713725cab5evboxsyncInteger erat mauris, hendrerit faucibus iaculis eu, feugiat vitae massa. Aliquam
c366016ffe1788c6847d0a967a954713725cab5evboxsyncmi augue, tincidunt id porttitor ut, lacinia sed eros. Vestibulum ante ipsum
c366016ffe1788c6847d0a967a954713725cab5evboxsyncprimis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed elementum
c366016ffe1788c6847d0a967a954713725cab5evboxsyncfringilla urna vel cursus. Etiam et suscipit eros. In ornare lacinia est, sed
c366016ffe1788c6847d0a967a954713725cab5evboxsyncbibendum ligula blandit nec. Vestibulum tristique pulvinar nunc, quis lacinia
c366016ffe1788c6847d0a967a954713725cab5evboxsynceros facilisis vel. Duis tristique porttitor risus, vel laoreet ligula mollis
c366016ffe1788c6847d0a967a954713725cab5evboxsyncvitae. Nam ornare justo a turpis mattis cursus.
c366016ffe1788c6847d0a967a954713725cab5evboxsync<div id="panelContent">
c366016ffe1788c6847d0a967a954713725cab5evboxsync <div class="yui3-widget-hd">
c366016ffe1788c6847d0a967a954713725cab5evboxsync Showing an animated panel
c366016ffe1788c6847d0a967a954713725cab5evboxsync <div class="yui3-widget-bd">
c366016ffe1788c6847d0a967a954713725cab5evboxsync <p>Making panels animate is easy with the "transition" module!</p>