Javascript 让固定div通过单击增长到100%宽度

我需要一些jquery支持，因为我的js技能很低；（.我发现并修改了一个脚本，它将一个div滑出右侧（相对div），但当相对div滑出时，固定div的宽度不会增长到100%

计划是什么

如果我按“单击此处”，相对div应滑出，同时固定div应变形为宽度100%。因此，如果我再次按“单击此处”，相对div将滑回其位置，固定div应变形为宽度70%（同时）

这是我的脚本-你能修改它吗

 $('#showmenu').click(function() {
            var $menu = $('.relative_div');
            if ($menu.is(':visible')) {
                // Slide away
                $menu.animate({right: -($menu.outerWidth() + 50)}, function() {
                    $menu.hide();
                });
            }
            else {
                // Slide in
                $menu.show().animate({right: 0});
            }
        });

我将非常感激

抓举

只要使用

$（'.fixed_div'）。要展开div时，请设置动画（{width:'100%}）

及

$（'.fixed_div'）。要缩短div时设置动画（{width:'70%}）

增加

 $('.fixed_div').css("width","100%");

及

---

为您解决了问题！

为什么您忽略了必须在此处发布代码的消息？好了，现在我理解了消息背后的逻辑-我想我必须按“STRG+K”关于fiddle URL-我的失败，sry。这正是我想要的-谢谢大家！！另外，看看。jQuery的动画不是最好的，因为它是基于超时的，通过包括我链接到您的库，动画将使用requestAnimationFrame，您动画的整体性能将显著提高泰利。

 $('.fixed_div').css("width","100%");

$('.fixed_div').css("width","70%");