Question

我希望能够点击特定链接，然后隐藏我的侧边栏<section>并调整内容<section>的大小。目前我的隐藏机制正在运行，但是我正在努力调整大小部分。

我的代码目前如下：

$(document).ready(function() {
        $('#sidebar-toggle-link').click(function() {
                $('#container-sidebar').toggle('slide');
        });
});

我尝试在第二个函数中添加它：

var toggle_width = $('#container-content').width() == 100 ? '74%' : '100%';
$('#container-content').animate({ width: toggle_width });

然而，这会将内容<section>缩放为100％，但在第二次点击链接时不会再次返回 - 侧边栏重新出现，但内容<section>会转移到侧边栏下方， 100％的尺寸。

我如何在JQuery中执行此操作？

Answer 1

请改为尝试：

var toggle_width = $('#container-content').width() == $(window).width() ? '74%' : '100%';

窗口或100％宽度定位的任何父级。

您也可以尝试这样做，具体取决于应用于您的元素的样式（例如填充，边距）

$('#container-content').outerWidth() == ...

如何在JQuery中隐藏一个div并更改另一个div的大小？

1 个答案: