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

jQuery - 如何在使用slideToggle（）时恢复css更改？

1 个答案: