Question

如何将内容与其他内容相同？好吧，我知道这个问题看起来有点模糊，但我想要做的就是推送我的内容，就像另一个脚本推送其内容一样。单击按钮时正在执行的操作将从侧面推送内容，从而导致div收缩。我不是太远，所以也许有人可以提供帮助。这是有效的脚本：

$(function(){
    var $trigger = $(".icon-menu-2");
    var $menu = $(".c_left");

$trigger.toggle(function show() {
    $menu.animate({ width: 185, marginLeft: 0, display: 'toggle'}, 'slow');
    $(".c_right").animate({ marginLeft:185, display:'toggle'}, 'slow');
}, function hide() {
    $menu.animate({ marginLeft: -185, display: 'toggle'}, 'slow');
    $(".c_right").animate({ marginLeft:0, display:'toggle'}, 'slow');
    });
})

http://jsfiddle.net/Ndvbn/2/

这是一个只需要小修饰的脚本，这样就可以像上面的脚本一样点击测试时推送内容。这是脚本：

var timer;

$("#slideout").animate({right:'0px', queue: false, duration: "slow"}, function () {
    timer = setTimeout(function () {
        $("#slideout").animate({right:'-280px'}, {queue: false, duration: "slow"})
    }, 500);
});
$("#clickme2").click(function () {
    if ($("#slideout").css("right") == "-280px"){
        $("#slideout").animate({right:'0px'}, {queue: false, duration: 500}, function () {
        clearTimeout(timer);
        });
    } else {
        $("#slideout").animate({right:'-280px'}, {queue: false, duration: 500}, function () {
        clearTimeout(timer);
    });}
});

http://jsfiddle.net/5UpHk/4/

任何人都可以发布代码，以便我的第二个脚本将内容推到左边吗？

Answer 1

以下此脚本会将内容推送到左侧。我也对CSS做了一些改动。在这里查看演示和代码：http://jsfiddle.net/BdKhW/1/

var timer;

$("#slideout").animate({width:'275px'}, {queue: false, duration: "slow"}, function () {
    timer = setTimeout(function () {
        $("#slideout").animate({width:0}, {queue: false, duration: "slow"})
        $(".c_left").animate({marginRight:0}, {queue: false, duration: "slow"})
    }, 2000);
});
$(".c_left").animate({marginRight:'275px'}, {queue: false, duration: "slow"})

$("#clickme2").click(function () {
    $("#slideout").animate({width:0}, {queue: false, duration: "slow"})
    $(".c_left").animate({marginRight:0}, {queue: false, duration: "slow"})
});

推送内容javascript内容

1 个答案: