让一个固定的div通过Click增长到100%

时间:2014-09-18 10:44:27

标签: javascript jquery html css css3

我需要一些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

我将非常感激。

抢夺

2 个答案:

答案 0 :(得分:1)

只需使用

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

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

DEMO

答案 1 :(得分:1)

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

添加了

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

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

为您着手!