<style>
<head>
* {
padding:0;
margin:0;
}
.wrp {
position:absolute;
border:red 1px solid;
width:200px;
height:100px;
bottom:200px; /*Выставляем как надо*/
}
.toggle {
border:blue 1px solid;
width:100%;
height:100%;
position:absolute;
margin-top:auto;
margin-bottom:0!important;
top:auto;
bottom:0!important;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
$(".wrp").click(function () {
$(".toggle").slideToggle("slow");
});
});
</script>
</head>
<body style="height:100%">
<div class="wrp">
<div class="toggle">Меню</div>
</div>
</body>