javascript - 在div上的div中的两个跨度之间切换

This question already has answers here:

JQuery show/hide when hover
                            
                                （5个答案）
                            
                    
                5年前关闭。
        

    

我想要达到的目标如下：

我有一个插入两个跨度的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");
});

最佳答案

您还可以使用jquery切换：

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

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

链接到JSFIDDLE