Edit in JSFiddle

<div class="schedbox">Here I am !</div>
<div class="left">Left panel</div>

<div class="clear"></div>

<a href="#" id="slide">Show/hide Slide Panel</a>
.left, .schedbox {
    float: left;
    height:150px;
}

.left {
    width: 50%;
    background: #fff;
    z-index:1;
}

.schedbox {
    width:25%;
    z-index:2;
    position:absolute;
    left:-1000px;
    background:#f90;
    color:#000;
}



.clear {
    clear:both;
}
$(document).ready(function(){
    $('#slide').click(function(){
    var schedbox = $('.schedbox');
    if (schedbox.hasClass('visible')){
        schedbox.animate({"left":"-1000px"}, "slow").removeClass('visible');
    } else {
        schedbox.animate({"left":"0px"}, "slow").addClass('visible');
    }
    });
});