Нажмите событие только для первого элемента?

Question

Я работаю над моим проектом Wordpress, и я создал некоторый код jQuery, но он работает только на первый элемент.

Вот мой CSS:

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

Вот мой 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> 

Что я делаю неправильно?

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; 
}