동일한 기능을 여러 링크에 적용하십시오. div 표시/숨기기

Question

아래의 링크가 클릭되면 사용자가 다양한 버튼을 클릭 할 때 발생합니다. 자사가 교체 또는하지 않을 경우 http://tryoutyourwebsite.com/sand 클래스 .trigger 두 요소가 때문입니다

$(document).ready(function() { 

    $('#teams').animate({ 
     marginTop: '-495px' 
    }, 200); 

    $('.trigger').toggle(function(){ 

      $('#teams').animate({ 
       marginTop: '0' 
      }, 500); 

     }, 
     function(){ 
      $('#teams').animate({ 
       marginTop: '-495px' 
      }, 500); 
    }); 
}); 


<div id="close-teams" class="trigger"><a href="#"><img src="images/up-arrow.png"></a></div>  
<li><div id="open" class="trigger"><a href="#">Teams</a></div></li> 
<div id="turtle" class="trigger"><a href="#teams">vote for a team</a></div> 

Answer 1

는 각각 자신의 상태를 기억 : 여기에 테스트 사이트를 참조하십시오. 당신은 * 어떤 * 취할 수있는 장소가 필요

$('.trigger').click(function() { 
    if($('#teams').css('marginTop') == "0px") { 
     $('#teams').animate({ 
      marginTop: '-495px' 
     }, 500);    
    } else { 
     $('#teams').animate({ 
      marginTop: '0px' 
     }, 500); 
    } 
});