<<Include(SeeSawExamples/Menu)>>

== Example 16 - Multiple sections manipulations ==

<<SeeSaw(cred, toshow="<<Show >>red", tohide="Hide ", show=True, inline=red, bg=red, addclass="randb all")>>
{{{   }}}<<SeeSaw(cgreen, toshow="<<Show >>green", tohide="Hide ", inline=green, bg=green, addclass=all)>>
{{{   }}}<<SeeSaw(cblue, toshow="<<Show >>blue", tohide="Hide ", inline=blue, bg=blue, addclass="randb all")>>
{{{   }}}<<SeeSaw(cyellow, bg=yellow, addclass=all, show=True, image=arrow, type=button)>> yellow
{{{   }}}<<SeeSaw(cmagenta, bg=magenta, addclass=all, image=plumin, type=button)>> magenta

<<SeeSaw("%randb", toshow="Toggle R & B")>>
{{{   }}}<<SeeSaw("+cgreen -cyellow", toshow="Show G + Hide Y")>>
{{{   }}}<<SeeSaw("%cgreen -cred +cyellow", toshow="Hide R + Toggle G + Show Y")>>
{{{   }}}<<SeeSaw("+all", toshow="Show All")>>
{{{   }}}<<SeeSaw("-all", toshow="Hide All")>>

{{{#!html
<span class='seesaw cyellow all cyellow-bg show' style='width:150px; height:150px; display:inline-block'></span>
<span class='seesaw cyellow all show' style='width:25px; height:150px; display:inline-block'></span>
<span class='seesaw cmagenta all cmagenta-bg' style='width:150px; height:150px; display:inline-block'></span>
}}}
<<SeeSaw("+cyellow +cmagenta", "Slide in Y + M ", effect=slide)>> {{{  }}} <<SeeSaw("-cyellow -cmagenta", "Fade out Y + M", effect=fade, speed=3000)>>
