<script>function PanelToggleL(a){var b=a.attr('data'),c=a.css('margin-left');a.attr('data',c);a.stop().animate({'margin-left':b},500)}</script>
<style>
#left-panel {
   outline:red 1px solid;
   top:300px;
   padding:0;
   margin-left:-280px;
   position:fixed;z-index:1000;
   left: 0px;
}
.content-L {
   padding:12px;
   width:236px;
   height:536px;
   margin-left:14px;
   margin-top:18px;
   position:absolute;
   color:#fff;
   background-color:#797979;

}
</style>
<div data="0" id="left-panel">
<div class="content-L">
Ваш текст или код скрипта
</div>
<img id="img-left" src="Фоновая картинка.png" onclick="PanelToggleL($('#left-panel'))"/>
</div><!-- Конец Левой Панели -->

<script>function PanelToggleR(a){var b=a.attr('data'),c=a.css('margin-right');a.attr('data',c);a.stop().animate({'margin-right':b},500)}</script>
<style>
#right-panel {
   outline:red 1px solid;
   top:300px;
   padding:0;
   margin-right:-280px;
   position:fixed;z-index:1000;
   right:-3px;
}
.content-R {
   padding:12px;
   width:236px;
   height:536px;
   margin-left: 47px;
   margin-top:18px;
   position:absolute;
   color:#fff;
   background-color:#797979;
}
</style>
<div data="0" id="right-panel">
<div class="content-R">
Ваш текст или код скрипта
</div>
<img id="img-left" src="фоновая картинка.png" onclick="PanelToggleR($('#right-panel'))"/>
</div><!-- Конец Правой Панели -->