让一个固定的 div 通过 Click 增长到 100% 的宽度答案

【问题标题】：Let a fixed div grow to width 100% by Click让一个固定的 div 通过 Click 增长到 100% 的宽度
【发布时间】：2014-12-28 17:11:18
【问题描述】：

我需要一些 jquery 支持，因为我的 js 技能非常低 ;(。我找到并修改了一个脚本，将 div 向右滑动（相对 div），但固定 div 不会增长到宽度 100相对div滑出时的%。

有什么计划？

如果我按“单击此处”，则相对 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});
            }
        });

FIDDLE

我将不胜感激。

抢夺

【问题讨论】：

你为什么忽略了你必须在这里发布代码的消息？
好的，现在我理解了消息背后的逻辑——我以为我必须在小提琴 URL 周围按“STRG + K”——我失败了，对不起。

标签： javascript jquery html css

【解决方案1】：

随便用

$('.fixed_div').animate({width: '100%'});当你想展开 div 时

和

$('.fixed_div').animate({width: '70%'}); 当你想短 div 时

DEMO

【讨论】：

这正是我想要的——谢谢你们！！
另外，看看velocityjs.org。 jQuery 的动画不是表现最好的，因为它基于超时，通过包含我链接到你的库，动画将使用 requestAnimationFrame，你的动画的整体性能将显着提高。

【解决方案2】：

http://jsfiddle.net/efst0n17/4/

添加

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

和

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

为您修复！

【讨论】：