Jquery在单击时调整元素的最大宽度

Question

所以我试图在点击时调整元素的最大宽度，并且在调整大小之前不会接受初始值（这非常烦人）。这是css：

.content {
    float: left;
    position: relative;
    left: 17.2rem;
    max-width: calc(100% - 19.2rem);
    width: calc(100% - 19.2rem);
    margin: 1rem 1rem 0px 1rem;
}

这是javascript：

$('.content').animate({
    'width': '+=15rem',
    'max-width': '+=15rem', 
    'margin-left': '-=15rem'
}, "slow" );

基本上没有最大宽度，.content框水平溢出这是非常糟糕的，但是当最大宽度时，当左边的对象最小化时，它不会调整内容框的大小。

真正令人讨厌的是宽度会将15rem添加到css中计算出的宽度上，而max-width只会使最大宽度为15rem而不是从css中获取初始值（这是心脏的意思）我认为的问题）