jquery - 在jQuery中单击后重置样式

Question

在 jQuery 中单击面板后我需要帮助来重置样式

$(document).ready(function(){
$("#flip").click(function(){
$("#panel").slideToggle("slow");
$("#wrapper").css("height","900px");
$("#wrapper").css("background-size","… 700px");
});

我如何将 div （包装器）重置为原始样式：

$("#wrapper").css("height","600px");
$("#wrapper").css("background-size","4… 500px");

可以帮帮我吗！！

Answer 1

像这样创建css：

.original{
     height:"600px";
     background-size:"500px";
}
.temp{
     height:"900px";
     background-size:"700px";
}

添加、删除或切换类以更改样式：

$("#wrapper").toggleClass('original temp')

Answer 2

Place your default style for the div immediately after ready function before click event.

$(document).ready(function(){
$("#wrapper").css("height","600px");
$("#wrapper").css("background-size","4… 500px");

$("#flip").click(function(){
$("#panel").slideToggle("slow");
$("#wrapper").css("height","900px");
$("#wrapper").css("background-size","… 700px");
});