<a href="#open-block" class="phonetell">Заказать обратный звонок</a>
<div class="contactwrap">
<div class="formwrap">
<h2>Обратный звонок</h2>
<form action="URL" class='clearfix'>
<div class="left">
<p>Ваше имя</p>
<input type="text" value="Имя">
</div>
<div class="right">
<p>Ваш номер телефона</p>
<input type="text" value='Телефон'>
</div>
<div>
<button type="submit">Отправить</button>
</div>
</form>
</div>
</div>
При клике на ссылку .phonetell открывается окно формы отправки, но при клике на него, форма пропадает. Ниже вылаживаю код JS который писал:
$(function() {
$('.phonetell').click(function () {
$('.contactwrap').fadeIn('slow');
})
$('.contactwrap').click(function () {
$('.contactwrap').fadeOut('slow');
})
});
Подскажите, что нужно исправить в коде, чтобы выпадающее окно закрывалось только при нажимании кнопки "Отправить" или мимо окна .formwrap