添加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"); 
});