а в этом коде можно сделать две выдвижные панели?
<!-- Выдвижная боковая панель --> <style type="text/css" media="screen"> #slideout { z-index: 200; position: fixed; top: 10px; right: 0; width: 40px; padding: 12px 0; text-align: center; background-image: url(картинка); background:#010101; border-style: double; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } #slideout_inner { z-index: 200; overflow-y: auto; color: #d4a43e; position: fixed; top: 10px; right: -250px; background-image: url(картинка); background:#010101; border-style: double; width: 180px; padding: 15px; max-height: 500px; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; text-align: left; -webkit-border-radius: 0 0 05px; -moz-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px; } #slideout_inner textarea { width: 180px; height: 150px; margin-bottom: 6px; border-style: double; } #slideout:hover { right: 217px; } #slideout:hover #slideout_inner { right: 0; } </style> <div id="slideout"> <img src="http://s1.uploads.ru/i/gk5wH.png"> <div id="slideout_inner"> текст </div> <!-- End -->