jQuery的切換不同的按鈕/鏈接使用這個簡單的jQuery的切換

Question

I'm： http://bit.ly/YoRRXc（小提琴）

但我想上點擊「Toggle2」，它會做同樣的點擊「切換」 。

因此，例如：

• 點擊 「切換」 - >補充工具欄溜走了
• 點擊 「切換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 
     }); 

    } 

}); 

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