Выполнение скрипта в задействованом блоке?

Question

[Рома]

Я новичек. Прошу помощи!
Есть 3 блока. Нужно что бы при нажатии кнопки анимировалось css свойство .contact, но только в том блоке, в котором кнопка была нажата.

<div class="className">
                <h3>Name</h3>
                <button class="btn">Подробнее</button>
                <div class="contact">
                <a class="vk" href="#" target="_blank"><i class="fa fa-2x fa-vk"></i></a>
                <a class="steam" href="#" target="_blank"><i class="fa fa-2x fa-steam"></i></a>
                <a class="skype" href="#" target="_blank"><i class="fa fa-2x fa-skype"></i></a>
                </div>
</div>

.contact {
	margin-top: 200px;
}

$('.className').find('.btn').click(function(){
    $(this).hide();
	$('.contact').animate({marginTop: 100}, 300);
});

Answer 1

[Анатолий Сидоров]

$('.className').find('.btn').click(function(){
    $(this).hide()
			.parent()
			.find('.contact')
			.animate({marginTop: 100}, 300);
});

либо

$('.className').find('.btn').click(function(){
    $(this).hide()
			.next('.contact')
			.animate({marginTop: 100}, 300);   
});