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

Я новичек. Прошу помощи!
Есть 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);
});