jQuery用不同的按钮/链接切换

Question

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

但我希望点击“Toggle2”，它会像点击“Toggle”一样。

例如：

• 点击“切换” - ＆gt;边栏滑开
• 点击“切换2” - ＆gt;补充工具栏

这可能吗？怎么样？

此致 马克

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

    }

});

working 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