[div id="dropdown" class="ddmenu"]
Family Site
[ul]
[li][a href="링크">본점[/a][/li]

[li][a href="링크">지점[/a][/li]
[/ul]
[script src="/js/fs.js"][/script]
[/div]

<를 [로 표시해뒀습니다.


아래는 스타일 시트
/*패밀리 사이트*/
#dropdown { 
position:absolute;left:50%;margin-left:410px;top:1px;
display: block;
padding:5px;
width: 61px;
cursor: pointer;
text-align:center;
border-left: 4px solid #ddd;
background: #fff;
font-size: 0.8em;
color: #656565;
font-weight: normal;
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
-webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
-ms-transition: all 0.15s linear;
-o-transition: all 0.15s linear;
transition: all 0.15s linear;
}
#dropdown:hover { color: #898989; }

#dropdown.open {
background: #888;
color: #fff;
border-left-color: #6c6d70;
}

#dropdown ul { 
position: absolute;
top: 100%;
left: -4px; /* move content -4px because of container left border */
width: 70px;
display: none;
border-left: 4px solid #8e9196;
background: #fff;
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
#dropdown ul li {font-size: 1em;}

#dropdown ul li a { 
text-align:center;
text-decoration: none;
display: block;
color: #999;
padding: 5px;
}
#dropdown ul li a:hover {
color: #666;
background: #ececec;
}


이건 js 입니다.
$("#dropdown").on("click", function(e){
e.preventDefault();

if($(this).hasClass("open")) {
$(this).removeClass("open");
$(this).children("ul").slideUp("fast");
} else {
$(this).addClass("open");
$(this).children("ul").slideDown("fast");
}
});




링크 클릭해도 무반응이에요ㅜ
머가 문제인가요;;