javascript - jquery div元素悬停更改div中的txt元素

Question

我正在使用 webflow 构建的网站是我第一次深入研究 jquery（或 j 任何东西）。我不是任何语言的开发人员，但通常可以通过足够的研究来解决问题……这次不是：）

我的团队收藏页面有一个由 div ('.DivTeamBtn') 和文本 ('.TxtTeamBtn') 制成的按钮

单击按钮时，团队成员描述在 2 个 div 块之间发生变化：

('.Div Flex Center.TeamFun') when display: none - on ('.DivTeamBtn')hover ('.TxtTeamBtn).text(hSudo)

('.Div Flex Center.TeamActual') when display: none - on ('.DivTeamBtn')hover ('.TxtTeamBtn).text(hFact)

我要完成的是：鼠标悬停（'.DivTeamBtn'）根据哪个div块显示属性为'none'更改（'.TxtTeamBtn'）文本。

现在我只是想通过jquery悬停工作。这就是我所拥有的......并且没有任何工作（我可以看到）。

Webflow 只读链接这是在团队集合页面上

    <script>
Webflow.push(function() {

  // Hover text change
$( function() {
var nh = 'Click Me!';
var hSudo = 'For sudo facts';
var hFact = 'For facts';
$('.DivTeamBtn').hover(function(){
    $('.TxtTeamBtn').text(hfun);
}, function() {
    $('.TxtTeamBtn').text(nh);
});
});
</script>

标签： javascriptjqueryjquery-hoverwebflow