将鼠标悬停在按钮上时动态添加CSS

Question

http://exrx.net/concrete5/store/low-volume-progressive-intensity-weight-training http://exrx.net/concrete5/store/low-volume-progressive-intensity-weight-training-1

这是我的网站链接。我在页面上有translate this按钮。当我将鼠标悬停在translate this按钮上时，语言部分会显示在下方50像素处。

如何动态添加css，将顶部位置添加到语言部分。现在我在css下面使用

.ttb-panel { top: 235px !important; }

这只适用于一个div类.ccm-custom-style-adstop（页面标题后广告）不存在的情况。

我已经给了两个页面链接。 什么CSS规则将起作用？

Answer 1

$("# TRANSLATE BUTTON ID").mouseover(function(){
    $("# TRANSLATE DIV ID").addClass("ttb-panel");
});