[Nailya]

всем привет!

У меня меню в виде картинок в class="Punkt",а в id="MainMenuUndeline" та же самая картинка, только с подчеркиванием. Как вы заметили, все выводится циклом.

Задача такая: при наведении на картинку, появлялась картинка с подчеркиванием.
Див с id="MainMenuUndeline" скрыт за счет visibility:hidden; ....в общем отсюда и пляшу в js.

Но почему-то не работает, подскажите, что не так в коде?

@foreach (Punkt punkt in Model.mainMenuPunktList)
        {
           <a class="Punkt" href="http://@Config.domain@punkt.Page.Url"
                style="background:url(/content/images/@punkt.ImageUrl) no-repeat;" onmouseout="hideUndeline('MainMenuUndeline')" onmouseover="showUndeline('MainMenuUndeline')" >
                
                <div id="MainMenuUndeline" style="background:url(/content/images/@punkt.MainColorHex) no-repeat;"></div>

           </a>
        }

#MainMenuUndeline {
     width:305px;
     height:149px;
     visibility:hidden;
}

function setVisible(objID, visible)
{
    var obj = document.getElementById(objID);
    obj.style.visibility = (visible) ? "visible" : "";
}

function showUnderline(objID)
{
    setVisible(objID, true);

}
function hideUnderline(objID) {
    setVisible(objID, false);

}