javascript - 悬停时在 div 中的两个范围之间切换

Question

这个问题已经有答案了:

JQuery show/hide when hover (5 个回答)

已关闭 8 年前。

我试图实现的目标如下:

我有一个 div 插入了两个跨度。 span A和span B 。默认情况下，我希望跨度 A 可见，跨度 B 不可见。当您将鼠标悬停在 div 上时，我希望跨度 A 被跨度 B 替换。请参阅以下内容:Plnkr

<div class="answer">
    <span class="a">20<span>
    <span class="b">80%</span>
</div>

$(".answer").hover(function(){
    $(".b").toggleClass(".visible");
});

Answer 1

您还可以使用 jquery 切换:

$(".answer").on('mouseenter mouseleave',function(){

            $('.b').toggle();
            $('.a').toggle();
 });

链接到JSFIDDLE