わかりました、理解できるように質問を編集しました。段落に10枚の画像とそれぞれの名前があります。つまり、10 個の画像と 10 個の段落があります。画像が異なり、もちろん名前も異なるため、クラスを使用できません。そこで、1 つの画像に ID を使用し、その名前に別の ID を使用しました。
ユーザーが 1 つの画像をクリックすると、画像が非表示になり、それぞれの名前も表示されます。ユーザーが別の画像をクリックすると、すべてが非表示になるまで非表示になり、それぞれの名前が再び表示されます。1 つの画像とそれぞれの名前にクラスを使用できますが、ユーザーは名前ではなく画像をクリックする権利しかありません。まるでアイテム探しゲーム!
以下に1つの画像の例を示します。
$(document).ready(function() {
$('#image1').click(function() {
$(this).hide('slow');
$('#name').hide('slow');
});
if ($('#image1').is(':hidden')) {
alert('Hello');
}
});
理解できるように例を変更したことに注意してください。ご覧のとおり、ユーザーが画像をクリックすると、それぞれの名前も非表示になります。どちらも隠れています。次に、画像が非表示になっているかどうかを確認すると、アラート ボックスが表示されます。画像とその名前は非表示になりますが、警告ボックスは表示されません...そして、警告ボックスが表示されるように、画像が非表示になっているかどうかを確認する必要があります。