Pull down panel - fix push down

by karlgo

HTML

<div class="topPanel">Top Panel</div>
<div class="topTab"><a href="#">Top Panel Tab</a></div>
<div>Test text</div>

CSS

.topPanel{
    display: none;
    height: 100px;
    width: 200px;
    background: orange;
    position: relative;
    left: 100px;
    top: 15;
    z-index: 999;
    
}
.topTab{
    height: 20px;
    background: yellow;
    position: relative;
    left: 160px;
    padding: 2px 10px;
}

JavaScript

/*
$(document).ready(function() {
    alert("test");    
    $(function () {
        $('.topPanel').slideUp(0);
    };
}); */

$('.topTab a').toggle(function(){
    $(this).parent().prevUntil('.topTab').slideDown();
},function(){
    $(this).parent().prevUntil('.topTab').slideUp();
});