Beyler buton adında bir divim mevcut

HTML

<div class="buton"></div>
Butona click yaptığımızda sayfamız açılıyor
YALNIZ BEN BUTON DİVİMİ YENİ BİR DİV İÇİNE ALDIĞIMDA ÇALIŞTIRAMIYORUM SORUN NEDİR SİZCE?

JQUERY

$(function(){

    $("ul.menu").parent().append("<a></a>"); 
    
    $(".buton").click(function() { 
        
        $(this).parent().find("ul.menu").slideDown('slow').show();

        $(this).parent().hover(function() {
        }, function(){    
            $(this).parent().find("ul.menu").slideUp('slow'); 
        });

        }).hover(function() { 
            $(this).addClass("subhover");
        }, function(){
            $(this).removeClass("subhover");
    });

});

CSS

.buton {width: 50px; height: 20px;background-color: rgba(0,0,0,0.4); position: absolute; left: 0; bottom: 6px;}

ul.menu {
    list-style: none;
    position: absolute;
    left: 0; top: 50px;
    background-color : rgba(0, 0, 0, 0.9) !important;
    background-color: #171717;
    margin: 0; padding: 0;
    display: none;
    float: left;
    width: 100%;
}