Slide Down Percentage

by dbelle

HTML

<div class="myWindow">
    Template Editor
</div>
<button class="slideBtn">
    Slide Out Window
</button>

CSS

.myWindow{
  border:solid 5px purple;
  padding:12px;
  margin-bottom:12px;
}

JavaScript

$(function() {
    $('.slideBtn').click(function() {
        var wHeight = $(window).height();
        var wHalfHeight = wHeight * 0.5;
        var myWindow = $('.myWindow');
        $(myWindow).height(wHalfHeight);
        
        
        //console.log('Window Height: ' + wHeight + ' Half of Window Height: ' + wHalfHeight);
    });

});