Какие селекторы jquery использовать?

Question

[Александр]

Есть вот такой html код:

<style>
	.class4 {
		display: none;
	}
</style>

<div class="class1">
	<div class="class2">
		<div class="class3">
			<img src="#" alt="">
		</div>
	</div>
	<div class="class4">
		<p>text</p>
	</div>
</div>

<div class="class1">
	<div class="class2">
		<div class="class3">
			<img src="#" alt="">
		</div>
	</div>
	<div class="class4">
		<p>text</p>
	</div>
</div>

Нужно, чтобы при наведении на div.class3, появлялся div.class4 - т.е. принимал значение display:block;

Подскажите, как правильно выбрать нужные элементы в рамках одного div.class1 ?

Answer 1

[lfoma]

$('.class3').hover(function(){
    $(this).parent().siblings('.class4').show();
});

или
$(this).closest('.class1').find('.class4').show();