Javascript 语义用户界面：带有响应内容的可折叠侧边栏

我正在尝试创建一个带有侧边栏的管理模板，可以进行切换。我希望它只是滑入和滑出，并相应地调整内容大小。我已经尝试了我能想到的一切，但没有任何效果

以下是我正在做的一个示例：

    <div class="ui vertical sidebar menu visible pushable">
    <a class="item">
        Item 1
    </a>

    <a class="item">
        Item 2
    </a>

    <a class="item">
        Item 3
    </a>
</div>

<div class="ui pusher">
    <div class="four column stackable ui grid">
        <div class="column">1</div>
        <div class="column">2</div>
        <div class="column">3</div>
        <div class="column">4</div>
    </div>
</div>

看起来他能做到，但我认为他使用的是语义的旧版本。我试过他同样的课程，但运气不好

有什么想法吗？

是的，我用的是旧版本，但我想新版本也一样。 为了制作响应性内容，我编写了自定义CSS和JS。 此外，我认为比较我的代码对您的情况没有帮助。我写这个答案只是想说，我认为只有语义类是无法做到这一点的

---

我想当侧边栏被切换时，您必须触发窗口调整。

谢谢！对于将来看到这一点的人，有一天我会写一个解决方案，并用代码发布一个新的注释。没有关于何时的承诺。这将是非常好的，因为如果我得到我的代码并将其放在这里，它对于语义的新版本来说可能是旧的。

$('.ui.sidebar').sidebar({
    // Overlay will mean the sidebar sits on top of your content
    transition: 'overlay'
});

$('.ui.sidebar').sidebar('toggle');