<html>
<head>
<style>
.submenu {
display: none;
}
.btn:hover .submenu {
display: block;
}
</style>
</head>
<body>
<div class="btn"><a href="#">Меню 1</a>
<div class="submenu">blablbla</div>
</div>
<div class="btn"><a href="#">Меню 2</a>
<div class="submenu">blablbla</div>
</div>
</body>
</html>
Ну а если все же на JS то так:
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$('.m_c').mouseover(function(){
$('div', this).show();
});
$('.m_c').mouseout(function(){
$('div', this).hide();
});
})
</script>
<style>
.m_c div {
display: none;
}
</style>
</head>
<body>
<div class="m_c"><a href="#">Меню 1</a>
<div class="m_m_l_money">тут содерждание со ссылками</div>
</div>
<div class="m_c"><a href="#">Меню 2</a>
<div class="m_m_l_money">тут содерждание со ссылками</div>
</div>
</body>
</html>