Javascript 滑动条宽度重新计算

我正试图用CSS在光滑的容器上添加一个滑入式面板。在添加空间时，除了新的宽度外，旋转木马的所有功能都无法计算。当我进入下一张幻灯片时，它会重新校准，但我希望每次面板打开或关闭时都会发生。我尝试过添加边距和填充，但两者都不起作用。有什么想法吗

HTML:

并将同一源的一个延续换行到多行。。。似乎没有包装。

列表项
列表项

嵌套列表项
嵌套列表项
嵌套列表项

嵌套列表项
嵌套列表项
嵌套列表项


嵌套列表项
嵌套列表项


列表项
列表项
列表项

列表项
列表项
嵌套列表项
嵌套列表项
嵌套列表项
嵌套列表项
嵌套列表项
嵌套列表项
嵌套列表项

嵌套列表项
嵌套列表项

列表项
列表项
列表项

副标题
Lorem ipsum dolor sit amet，奉献精英。阿迪皮西，沃鲁帕特姆。身份证别名，巨大的犯罪分子，即使是地球观测实验室，也不可能拥有同样的权利

并将同一源的一个延续换行到多行。。。似乎没有包装。

副标题
Lorem ipsum dolor sit amet，奉献精英。即使是面部表情、开窍动作和错误动作，也会让人感觉到自己是一个有远见的人

Lorem ipsum dolor sit amet，奉献精英。性别与性别的区别，或性别与性别的区别。最大分子量为ipsam，最大分子量为Cupiditis，最大分子量为Tiporibus，最大分子量为modi
我不知道该怎么做！我是一个很好的建筑设计师

一句名言“Lorem ipsum Door sit amet，Concertetur Adipising Elite”。公国，埃尼姆，尼莫·奈斯库特

jQUERY：

$('.sections').slick({
    speed: 250,
    useCSS: true,
    cssEase: 'ease-in-out',
    slidesToShow: 1,
    initialSlide: 0,
    dots: false,
    infinite: true,
    adaptiveHeight: true,
    draggable: true,
    nextArrow: '<button><i class="fa fa-angle-right"></i></button>',
    prevArrow: '<button><i class="fa fa-angle-left"></i></button>'
});

var $btn = $('#button'),
    $body = $('body');

$btn.on('click', function() {
    $body.toggleClass('padify');
});

$（'.sections'）。光滑({
速度：250，
是的，
cssEase:“轻松进出”，
幻灯片放映：1，
初始幻灯片：0，
点：错，
无限：是的，
自适应高度：正确，
真的，
下一行：''，
前箭头：“”
});
变量$btn=$（“#按钮”），
$body=$（'body'）；
$btn.on（'单击'，函数（））{
$body.toggleClass（'padify'）；
});

这一行来自

您可以跟踪旁侧过渡的结束并重置光滑容器

$('aside', $body).on('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function(){
    $('.sections').slick('setPosition');  
});

---

太完美了！非常感谢你。

$('.sections').slick('setPosition');

$('aside', $body).on('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function(){
    $('.sections').slick('setPosition');  
});