jQuery div içinde kontrol yardım

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%;
}

başka div içine koyduğunuz zaman $(this).parent() bölümü doğru kontrolü bulmaz.
$(this).parent().find("ul.menu") olan bölümleri $(this).closest("ul.menu") yaparsanız sorun çözülür.

tam olarak yapmak istediğini yazsaydınız nerede nasıl hangi amaçla kullanacağınızı daha iyi yardımcı olunabilirdi... şu örneğe bakınız:

http://jsfiddle.net/CNLxa/

Yardımlarınız için teşekkürler

Yapmak istediğim
http://jsfiddle.net/CNLxa/6/
Boton üzerinden mause gidiyor açılan div kapanıyor.
Mause açılan div üzerindeykende kapanmasın burada bunu yapamadım.

bu mudur?

http://jsfiddle.net/CNLxa/7/

Bunu mause buton ve açılan div üzerinden çektiğimizdede otomatik kapanmasını sağlayamazmıyız?

tabiki yapabiliriz

http://jsfiddle.net/CNLxa/8/

Süpersiniz halloldu