javascript - 我希望按钮的半径在 mouseleave 上变回原来的样子

Question

我的按钮半径有问题。当我点击它时，它的半径从 50% 变为 0，因此它在面板上看起来很流畅，但是当我鼠标离开时，它不会变回来。

我已经在网上搜索了几天，但找不到任何有关我的具体问题的信息。

$(document).ready(function() {
    $("#flip").click(function() {
        $("#panel").fadeToggle("fast");
        if($(this).is(".radius")) {
            $(this).removeClass("radius"); 
            return;
        }
        $(this).addClass("radius").siblings().removeClass("radius");    
   });
});

$("#Left").mouseleave(function() {
   $("#panel").hide();
}); 

如你所见，我对 javascript 完全是菜鸟，哈哈

Answer 1

也许是这样的？如果没有代码的运行示例，这有点难以判断，如果可以的话，将其放在 jsfiddle 上。

$("#Left").mouseleave(function() { 
    $("#panel").hide();
    $('#flip').addClass('radius').siblings().addClass('radius');
});