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

Question

需要一些 JQuery 帮助...

我想从右边滑入一个占屏幕宽度 25% 的 div。 如何使用相同的“#trigger-left a”来滑出 div？ (即宽度:0px)

JQuery:

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

HTML:

<div id="trigger-left"><a href="#"><img src="images/menu-icon.png" border="0"></a></div>


<div id="right-col">Content right column</div>

期待您的解决方案!

Answer 1

试试这个:

 $(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;
    });
 });