我正在尝试创建一个按钮，当鼠标放在它上面时它的大小会增加，然后在单击它时保持那个大小。每当单击另一个按钮时，它将再次缩小，而第二个按钮的大小将增加。在我当前的代码中，我想尝试通过添加 .off(mouseleave) 并在单击另一个按钮时添加 .on(mouseleave) 来关闭单击时的收缩，但是当我单击另一个按钮时，“mouseleave”不是t 再次打开。任何人都知道可能是什么问题？
$("p.growth").mouseover(function(){ $(this).animate({ "font-size":"30px" }) });
$("p.growth").mouseleave(function(){
$(this).animate({
"font-size":"24px"
})
});
$("p#past").click(function(){
$(this).off("mouseleave");
$("p#present").on("mouseleave");
$("p#future").on("mouseleave");
$("p#present").animate({
"font-size":"24px"
})
$("p#future").animate({
"font-size":"24px"
})
});
$("p#present").click(function(){
$(this).off("mouseleave");
$("p#past").on("mouseleave");
$("p#future").on("mouseleave");
$("p#past").animate({
"font-size":"24px"
})
$("p#future").animate({
"font-size":"24px"
})
});
$("p#future").click(function(){
$(this).off("mouseleave");
$("p#present").on("mouseleave");
$("p#past").on("mouseleave");
$("p#present").animate({
"font-size":"24px"
})
$("p#past").animate({
"font-size":"24px"
})
});