클릭 이벤트는 첫 번째 요소에서만 실행됩니까?

Question

Wordpress 프로젝트를 위해 일하고 있는데 jQuery 코드를 만들었지 만 첫 번째 요소에서만 작동하는 것 같습니다.

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#show").click(function(){ 
      $("#hide").toggle(); 
      return false; 
     }); 
    }); 
</script> 

내가 잘못을하고있는 중이 야 무엇 : 여기

<style type="text/css"> 
    #hide { 
     display:none; 
    } 
</style> 

내 jQuery를 수 있습니다 : 여기

내 CSS입니까?

Answer 1

당신은 아마 같은 이름 (#show 및 #hide) 여러 아이디의 본 - 클래스 대신 (ID's are supposed to be unique)를 사용하는 모든 요소를 ​​변경 한 다음 당신은 당신의 코드를 변경할 수 있습니다 다음과 같은 :

$(document).ready(function(){ 
    $(".show").click(function(){ 
     $(this).toggleClass('hide'); 
     return false; 
    }); 
}); 

약간뿐만 아니라 당신의 CSS를 변경 :

.hide { 
    display:none; 
}