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