Javascript 使用相同的图像从右侧滑入和滑出div-JQuery

需要一些JQuery帮助

我想从右边滑入一个div，占屏幕宽度的25%。 如何使用相同的“#触发器左a”滑出div？（即宽度：0px）

JQuery：

$(function() { 
    $("#trigger-left a").click(function(){
        var rightCol = $("#right-col");
            rightCol.animate({width:'25%'},350);
        return false;
    });
});

HTML:

内容右栏

期待您的解决方案

试试这个：

 $(function() {    
   $("#trigger-left a").click(function(){
    var rightCol = $("#right-col");
        if(rightCol.width()==0)
        {
            rightCol.animate({width:'25%'},350);
        }
        else
        {
            rightCol.animate({width:'0%'},350);
        }

    return false;
    });
 });

---

最简单的方法就是跟踪它的状态。以这种方式，如果使用宽度，则可以在过渡中间点击可能不可能的方向。

$(function() { 
    var triggered = false;
    $("#trigger-left a").click(function(){
        var rightCol = $("#right-col");
        if(!triggered){
             rightCol.animate({width:'25%'},350);
             triggered = true;
        } else {
             triggered = false;
             rightCol.animate({width:'0%'},350);
        }

        return false;
    });
});

---

如果您的意思是单击同一链接，div将滑出。 给你：

$(function () {
    var div = $("#"right-col");
    $("#trigger-left a").click(function (e) {
        if ($(div).width() != 0) {
            $(div).animate({width:'0px'},350);
        } else {
            $(div).animate({width:'25%'},350);
        }
    });
});

---

尝试一下，如果它不起作用，我将编辑我的答案。祝你好运；）

不能在处理程序中使用if？durgesh的第一个答案。patle对我有用。谢谢你的意见。

$(function () {
    var div = $("#"right-col");
    $("#trigger-left a").click(function (e) {
        if ($(div).width() != 0) {
            $(div).animate({width:'0px'},350);
        } else {
            $(div).animate({width:'25%'},350);
        }
    });
});