如何使形状在jquery中返回其默认值？

Question

$(document).ready(function(){
    $("#info2").click(function(){
       $(this).animate({height: "120px", width:"360px"});
   });
});

我想知道如何在展开后将形状恢复到原始形状。

Answer 1

您可以将原始尺寸记录到data属性中，然后再进行检索。

示例：

$(document).ready(function(){
    $("#info2").data("originalheight", $("#info2").height());
    $("#info2").data("originalwidth", $("#info2").width());
    $("#info2").click(function(){
       $(this).animate({height: "120px", width:"360px"});
   });
//click somewhere else to return to the original dimensions:
$("#another_link").click(function(){
       $("#info2").animate({height: $("#info2").data("originalheight") + "px", width: $("#info2").data("originalwidth") + "px"});
   });
});

Answer 2

你需要首先知道表格的宽度和高度，然后用...替换值。我在下面写了：

$(document).ready(function(){
    $("#info2").click(function(){
       $(this).animate({height: "120px", width:"360px"});
       $(this).animate({height: "...px", width:"...px"});
   });
});