jquery - jQuery - 使用 slideToggle() 时如何恢复 css 更改？

Question

当第二次单击按钮以关闭展开的 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() 做点什么？

$( "#second_address" ).click(function() {
    $( this ).toggleClass( "second_vertical_line" );
});

Answer 1

我可能会切换一个额外的类，而不是直接改变样式：

.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');
});

http://jsfiddle.net/isherwood/L2Zb9/3