Jquery - show slide down

by DMINATOR

HTML

<button id="btn_test">Show</button>
<button id="btn_hide">Hide</button>
<div id="test_popup" class="operator_window_popup" >10</div>

CSS

.operator_window_popup {
    background-color: 'yellow';
    display: none;
}

JavaScript

$("#btn_test").click(function () {   
    $("#test_popup").show("slide", { direction: "down" }, 1000);
});

$("#btn_hide").click(function () {
    $("#test_popup").hide("slide", {direction: "down"}, 1000); 
});