jQuery-如何在使用slideToggle（）时还原css更改？

第二次单击按钮关闭扩展的div时，如何恢复CSS更改

$(document).ready(function(){

$("#sec_add").hide();
$("#second_address").show();

$('#second_address').click(function(){
    $("#sec_add").slideToggle();
    $('.vertical').css('height','2106px');
    $('#content_main').css('height','2249px');
});

});

或者使用toggleClass（）执行某些操作

---

我可能会切换其他类，而不是直接更改样式：

.vertical {
    height: 20px;
    background-color: green;
}
.vertical.other {
    height: 40px;
}
#content_main {
    height: 20px;
    background-color: yellow;
}
#content_main.other {
    height: 40px
}

$('#second_address').click(function () {
    $("#sec_add").slideToggle();
    $('.vertical, #content_main').toggleClass('other');
});

---

如果你发布了相应的HTMLIt，并在页面底部增加了一条垂直分界线，为扩展的div腾出空间，那就更清楚了。我觉得这是一种技巧，让它发挥作用。不要让你的感觉妨碍了真正的伟大。哈哈。你是说我应该用它来添加第二条垂直线，并在不修改原始值的情况下扩展“content_main”？类似于这样：它应该是$（“#second_address”）。单击（function（）{$（this）.toggleClass（“second_vertical_line”）；天哪，我不知道如何在这些评论上打破界限。我会更新OP。

.vertical {
    height: 20px;
    background-color: green;
}
.vertical.other {
    height: 40px;
}
#content_main {
    height: 20px;
    background-color: yellow;
}
#content_main.other {
    height: 40px
}

$('#second_address').click(function () {
    $("#sec_add").slideToggle();
    $('.vertical, #content_main').toggleClass('other');
});