我希望我的按钮的半径在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');
});