<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=8">
[removed][removed]

[removed]
$(window).resize(function(){
    a = $('#menu-basla').offset();
    $('#menu').css('left',(a.left-10)+'px');
    $('#menu').css('top',(a.top+25)+'px');
});

function basla(a,b){
    a = $('#'+a).offset();
    $('#'+b).css('left',(a.left-10)+'px');
    $('#'+b).css('top',(a.top+25)+'px');
    $('#'+b).fadeToggle();
}
[removed]

<style>
    a{cursor:pointer;color:blue;}
    
    div.menu{
        display:none;
        position:fixed;
        width:100px;
        border:1px solid red;
        padding:10px;
    }
</style>

<div style="width:600px;border:1px solid #ccc;background:#f7f7f7;margin:0 auto !important">
    burda birşeyler <a>Menü</a> hebe lübe
</div>

<div class="menu" id="menu">
    <a href="#">Tahribat</a><br>
    <a href="#">Yutup</a><br>
    <a href="#">Gogiller</a>
<div>