jQuery를 토글 /이 쉽게 jQuery를 토글 사용

Question

미안 링크 : 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}); 
}); 

0 대신에 동일한 ID를 사용 클래스 이름과 사용

Working Demo