tıklayınca açılan açılır menü???

<div id="middlebar">
  <ul class="menu">
      <li><a href="#" onclick="javascript:showlayer('sm_1')">Profil</a></li>
    <ul class="submenu" id="sm_1">
        <li><a href="asd">Kimlik</a></li>
          <li><a href="asd">Posta Kutusu </a></li>
          <li><a href="asd">Çıkış</a></li>
    </ul>
  </ul>
</div><script type="text/javascript">function showlayer(layer){
    var myLayer=document.getElementById(layer);
    if(myLayer.style.display=="none" || myLayer.style.display==""){
        myLayer.style.display="block";
    } else {
        myLayer.style.display="none";
        }
}</script>

ul, li{margin:0; border:0; padding:0; list-style:none;}
#middlebar{
    font-size:11px;
    color:#3b5d14;
    background:#90b557;
    font-weight:bold;
    padding:4px;
    height:30px;
}
    #middlebar .menu li {
        background:url(http://www.cssornekleri.com/img/menu/digg_menu/lm.png) left top no-repeat;
        height:30px;
        float:left;
        margin-right:10px;
    }
    #middlebar .menu li a{
        color:#3b5d14;
        text-decoration:none;
        padding:0 10px;
        height:30px;
        line-height:30px;
        display:block;
        float:left;
        padding:0 26px 0 10px;
        background:url(http://www.cssornekleri.com/img/menu/digg_menu/rm.png) right top no-repeat;
    }
    #middlebar .menu li a:hover{
        color:#666666;
    }
#middlebar ul .submenu {
    border:solid 1px #c9dea1;
    border-top:none;
    background:#FFFFFF;
    position: relative;
    top: 4px;
    width:150px;
    padding:6px 0;
    clear:both;
    z-index:2;
    display:none;
}
    #middlebar ul .submenu li{
        background:none;
        display:block;
        float:none;
        margin:0 6px;
        border:0;
        height:auto;
        line-height:normal;
        border-top:solid 1px #DEDEDE;
    }
    #middlebar .submenu li a{
        background:none;
        display:block;
        float:none;
        padding:6px 6px;
        margin:0;
        border:0;
        height:auto;
        color:#105cbe;
        line-height:normal;
    }
    #middlebar .submenu li a:hover{
        background:#e3edef;
    }

<!--Kodbanks.tr.gg kaynak site --><!-- Tıkla menü gelsin kodu basla --><style type="text/css">
<!--
#wrapper{
position:relative;
height:15px
}

#wrapper2{
position:absolute
}

#coffeemenu03{
filter:revealTrans(Duration=1.5,Transition=12)
visibility:hide
}


--></style><ilayer id="coffeemenu01" height="15px"></ilayer><layer id="coffeemenu02" visibility="show"></layer><span id="wrapper"><span id="wrapper2" onClick="dropit2();event.cancelBubble=true;return false"><font face="Verdana"><b><a href="notthisbrowser.html">Menü aç    (Tıkla)</a></b></font> </span></span><script language="JavaScript1.2">


var enableeffect=true

var selection=new Array()
selection[0]='<font face="ARIAL BLACK"><a href="Link ADRESİ">Link adı</a><br>'
selection[1]='<a href="Link ADRESİ">Link adı</a><br>'
selection[2]='<a href="Link ADRESİ">Link adı</a><br>'
selection[3]='<a href="Link ADRESİ">Link adı</a><br>'
selection[4]='<a href="Link ADRESİ">Link adı</a><br></font>'

if (document.layers)
document.coffeemenu01.document.coffeemenu02.visibility='show'

function dropit2(){
if (document.all){
coffeemenu03.style.left=document.body.scrollLeft+event.clientX-event.offsetX
coffeemenu03.style.top=document.body.scrollTop+event.clientY-event.offsetY+18
if (coffeemenu03.style.visibility=="hidden"){
if (enableeffect)
coffeemenu03.filters.revealTrans.apply()
coffeemenu03.style.visibility="visible"
if (enableeffect)
coffeemenu03.filters.revealTrans.play()
}
else{
hidemenu()
}
}
}

function dropit(e){
if (document.coffeemenu03.visibility=="hide")
document.coffeemenu03.visibility="show"
else
document.coffeemenu03.visibility="hide"
document.coffeemenu03.left=e.pageX-e.layerX
document.coffeemenu03.top=e.pageY-e.layerY+19
return false
}

function hidemenu(){
if (enableeffect)
coffeemenu03.filters.revealTrans.stop()
coffeemenu03.style.visibility="hidden"
}

function hidemenu2(){
document.coffeemenu03.visibility="hide"
}

if (document.layers){
document.coffeemenu01.document.coffeemenu02.captureEvents(Event.CLICK)
document.coffeemenu01.document.coffeemenu02.onclick=dropit
}
else if (document.all)
document.body.onclick=hidemenu

</script>
<div id="coffeemenu03" style="border-right: blue 1px solid; padding-right: 0px; border-top: blue 1px solid; padding-left: 0px; left: 0px; visibility: hidden; padding-bottom: 0px; border-left: blue 1px solid; width: 150px; padding-top: 0px; border-bottom: blue 1px solid; position: absolute; top: 0px; height: 5px; background-color: #ffffcc; layer-background-color: #ffffcc"><script language="JavaScript1.2">
if (document.all)
coffeemenu03.style.padding='4px'
for (i=0;i<selection.length;i++)
document.write(selection[i])
</script></div>
<script language="JavaScript1.2">
if (document.layers){
document.coffeemenu03.captureEvents(Event.CLICK)
document.coffeemenu03.onclick=hidemenu2
}
</script><!--Kodbanks.tr.gg kaynak site --><!-- Tıkla menü gelsin kodu bitir -->