События JQuery влияют только на первый элемент?

Question

Хорошо, поэтому я делаю сайт с использованием PHP. Это сайт, который позволяет пользователям регистрироваться и создавать карточки для просмотра в Интернете. Я добавил в некоторый JQuery для гладкого дизайна, и он выглядит намного лучше.

Тем не менее, я достиг прорыва. Я сделал команду jQuery, которая скрывает ответ, и когда вы просматриваете флеш-карту, она показывает ее. И он работает ... только для первой первой флеш-карты.

Во-первых, это сработает просто отлично ... Все ответы скрыты. И когда я просматриваю первую флеш-карту, она показывает мой ответ. Однако для других это не получается. Они просто остаются скрытыми.

Вот мой код:

$(document).ready(function(){ 

     $('mark').hide(); 
     $('#card').mouseover(function() { 
       $('mark',this).show(); 
     }); 
     $('#card').mouseout(function() { 
       $('mark',this).hide(); 
     }); 
}); 

А вот структура для каждого флэш-карту:

<div id="card"> 
<p>Question is here!</p> 
<mark> Answer is here! </mark> 
</div> 

Что вы думаете, я здесь отсутствует?

Если вы хотите, чтобы играть с ним для себя, вот мой GitHub: https://github.com/Lalien/Test_Site

Answer 1

С точки зрения синтаксиса, первая строка должна быть $('#mark').hide();

И ответить на ваш вопрос, определить «карту» как класс, если вы хотите поведение на нескольких картах. Страница может иметь несколько классов, но только 1 идентификатор с точки зрения javascript, из-за чего все div с идентификатором как «карты», кроме первого, игнорируются.