jQuery Show/Hide

HTML

<button id="show-btn">Menü Göster</button>
<button id="hide-btn">Menü Gizle</button>

<ul id="menu">
    <li>Çalış</li>
    <li>Oyna</li>
    <li>Uyu</li>
<ul>

CSS

#menu {
    display:none;
    padding:0;
}

#menu li {
    list-style-type:none;
    display:block;
    padding:20px;
    background-color:#EEEEEE;
}

#menu li:hover {
    background-color:#999;
    color:#FFF;
}

JavaScript

$("#show-btn").click(showMenu);
$("#hide-btn").click(hideMenu);

function showMenu() {
 $("#menu").show();     
}

function hideMenu() {
  $("#menu").hide();  
}