jquery - jQuery 切换不同的按钮/链接

Question

我正在使用这个简单的 jQuery 切换： http ://bit.ly/YoRRXc （小提琴）

但我希望点击“Toggle2”时它的作用与点击“Toggle”相同。

例如：

• 单击“切换”-> 侧边栏滑开
• 单击“切换 2”-> 侧边栏进入

那可能吗？如何？

问候， 马克

Answer 1

   $('.toggle').click(function () {
    if($('#A').width()==0)
    {
        $('#A').animate({
            width: 200
        });
        $('#B').animate({
            left: 200
        });
    }
    else
    {
        $('#A').animate({
            width: 0
        });
        $('#B').animate({
            left: 0
        });

    }

});

工作JS FIDDLE LINK

Answer 2

HTML：

<div id='A'></div>
<div id='B'> 
    <a href='javascript:' class='toggle'>Toggle</a><br> 
    <a href='javascript:' class='toggle'>Toggle2</a>
</div>

jQuery：

$('.toggle').click(function () {
    var leftVal = $('#B').offset().left;
    var setLeft = leftVal == '0' ? "200px" : "0";
    $('#A').animate({width:'toggle'});
    $('#B').animate({left: setLeft});
});

Working Demo