如何让Javascript停止从展开/折叠栏中删除填充

我的JS似乎正在删除css选择器上的填充样式

我不知道为什么，也不知道如何让它停止，这样任何答案都会被极大地夸大

下面是我当前的标记

$（“.header”）。单击（函数（）{
$header=$（此）；
//获取下一个元素
$content=$header.next（）；
//打开所需内容-切换幻灯片-如果可见，向上滑动，如果不向下滑动。
$content.slideToggle（220，函数（）{
//滑动切换完成后执行此操作
//根据内容div的可见性更改标题文本
$header.text（函数（）{
//根据条件更改文本
返回$content.is（“：visible”）？“Show less”：“Show more”；
});
});
});
正文{
保证金：0px 0px；
}
奥布英雄{
背景图片：url(https://s7d2.scene7.com/is/image/aeo/20171102_hpc_clearance_lg?scl=1&qlt=60);
背景尺寸：封面；
背景位置：中心；
位置：相对位置；
高度：100vh；
宽度：100vw；
}
.ob_{
位置：绝对位置；
最高：48%；
文本对齐：居中；
宽度：100%；
颜色：#fff；
-ms变换：翻译（0，-50%）；
/*IE 9*/
-webkit转换：翻译（0，-50%）；
/*狩猎*/
转换：翻译（0，-50%）；
}
.ob___è{
最大宽度：80vw；
}
.btn_包装器{
位置：相对位置；
底部：-50px；
文本对齐：居中；
宽度：100%；
颜色：#fff；
-ms变换：翻译（0，-50%）；
/*IE 9*/
-webkit转换：翻译（0，-50%）；
/*狩猎*/
转换：翻译（0，-50%）；
}
.herobtn_容器{
宽度：80%；
最大宽度：500px；
保证金：0自动；
位置：相对位置；
排名：0；
右：0；
底部：0；
左：0；
显示器：flex；
柔性包装：包装；
证明内容：周围的空间；
}
.herobtn_包装器{
边框：2倍实心透明；
弹性基准：45%；
柔性生长：1；
}
herobtn_先生1{
字体系列：“源Sans-Pro”，无衬线；
字体大小：14px；
背景色：#fff；
颜色：#000；
填充：10px；
文本对齐：居中；
}
.扩大{
位置：绝对位置；
底部：0；
宽度：100vw；
字体系列：“源Sans-Pro”，无衬线；
字体大小：正常；
字体大小：14px；
背景色：#eee；
z指数：999999；
}
.展开div{
宽度：100%；
}
.expand.header{
宽度：100%；
背景色：#000；
颜色：#fff；
光标：指针；
}
.收割台跨度{
填充：1em；
显示：块；
}
.expand.content{
显示：无；
}
/*在手机上100%使用英雄按钮
@介质（最大宽度：50em）{
.herobtn_容器{
位置：相对位置；
宽度：100%；
}
}
*/
/*平板电脑*/
@介质（最小宽度：30em）和（最大宽度：50em）{
奥布英雄{
背景图片：url(https://s7d2.scene7.com/is/image/aeo/20171102_hpc_clearance_lg?scl=1&qlt=60);
}
.herobtn_包装器{
弹性基准：45%；
}
.ob___è{
最大宽度：70vw；
}
}
/*流动的*/
@介质（最大宽度：30em）{
奥布英雄{
背景图片：url(https://s7d2.scene7.com/is/image/aeo/20171102_hpc_clearance_lg?scl=1&qlt=60);
}
.herobtn_包装器{
弹性基准：45%；
}
.ob___è{
最大宽度：70vw；
}
}

女店员
店员
女店员
店员
显示更多

店内和在线有效，仅限今天
在线代码：CLEARANCE15
例外情况适用

它不是删除填充，而是删除整个
元素
$header
是
，您正在覆盖它的内容。使用
.find（'span'）
访问子节点：

$header.find('span').text(function () {
    //change text based on condition
    return $content.is(":visible") ? "Show less" : "Show more";
});

它不是删除填充，而是删除整个
元素
$header
是
，您正在覆盖它的内容。使用
.find（'span'）
访问子节点：

$header.find('span').text(function () {
    //change text based on condition
    return $content.is(":visible") ? "Show less" : "Show more";
});

当您单击“显示较少/显示较多”时，会删除一个范围，因为您正在将标题的内容更改为文本。因此，您可以将
text（）
更改为
html（）
，并添加包含内容的范围，而不是简单的文本：


$（“.header”）。单击（函数（）{
$header=$（此）；
//获取下一个元素
$content=$header.next（）；
//打开所需内容-切换幻灯片-如果可见，向上滑动，如果不向下滑动。
$content.slideToggle（220，函数（）{
//滑动切换完成后执行此操作
//根据内容div的可见性更改标题文本
$header.html（函数（）{
//根据条件更改文本
返回$content.is（“：visible”）？“Show less”：“Show more”；
});
});
});
正文{
保证金：0px 0px；
}
奥布英雄{
背景图片：url(https://s7d2.scene7.com/is/image/aeo/20171102_hpc_clearance_lg?scl=1&qlt=60);
背景尺寸：封面；
背景位置：中心；
位置：相对位置；
高度：100vh；
宽度：100vw；
}
.ob_{
位置：绝对位置；
最高：48%；
文本对齐：居中；
宽度：100%；
颜色：#fff；
-ms变换：翻译（0，-50%）；
/*IE 9*/
-webkit转换：翻译（0，-50%）；
/*狩猎*/
转换：翻译（0，-50%）；
}
.ob___è{
最大宽度：80vw；
}
.btn_包装器{
位置：相对位置；
底部：-50px；
文本对齐：居中；
宽度：100%；
颜色：#fff；
-ms变换：翻译（0，-50%）；
/*IE 9*/
-webkit转换：翻译（0，-50%）；
/*狩猎*/
transfo