Widget Stack All Together

gistfile1.html

<script type="javascript">
$j(document).ready(function() {
    $j('#tray').css('display', 'none').css('position', 'relative');
    $j('#showMe').click(function() {
        $j('#tray').slideToggle();
        $j('#show').toggle();
        $j('#hide').toggle();
    }).css('cursor', 'pointer');
});
</script>
<style type="text/css">
​#tray{
    display: none;
    position: relative;
}
  .idThief_base{
  }
  .idThief_primary{
  font-color: black;
  }
.border_style{
    padding:10px;
    border-style: solid;
    border-width: 1px;
    border-color: black;
}
#hide{
    display:none;
}
</style>
<div id="showMe" class="border_style" style="background-color:black; color:white;">
    <span id="show">Identity Swap-O-Matic</span>
    <span id="hide">Hide</span>
</div>
<div id="tray" class="border_style">
<div id="idBody">Identity Swap-O-Matic</div>
</div>