TTATPuOT
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.ad_body{
height: 100%;
width: 410px;
background: rgba(234,234,234,0.8);
float:right;
right:0;
position:fixed;
display:none;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
*!*
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
*/!*
<script>
$(function(){
$( "#button" ).click(function () {
if ( $( ".ad_body:first" ).is( ":hidden" ) ) {
$(".ad_body").show('slide', {direction: 'right'}, 1000);
} else {
$(".ad_body").hide('slide', {direction: 'right'}, 1000);
}
});
});
</script>
</head>
<body>
<div class="ad_body">Содержание</div>
<button id="button">Кнопка</button>
</body>
</html>
,