Всем привет. есть код
$(function () {
$('.tip').each(function () {
var trigger = $(this);
var info = $('.popup');
$(trigger).focus(function () {
var width = trigger.offset();
info.css({
top: width.top+30,
left: width.left,
display: 'block'
});
}).blur(function () {
info.css({
display: 'none'
});
});
});
});
<head>
<style type="text/css" media="screen">
<!--
.popup {
position: absolute;
display: none;
z-index: 50;
border-collapse: collapse;
}
-->
</style>
</head>
<body>
<input type='text' name='dfd' class="tip">
<input type='text' name='dfd' class="tip">
<input type='text' name='dfd' class="tip">
<input type='text' name='dfd' class="tip">
<div id="dpop" class="popup"> sdfdsfdfgdfgdfgdfgfsdvbcxvzxcv</div>
</body>
При нажатии на инпут, показывается див чуть ниже того инпута на который нажал.
Как сделать чтобы при нажатии на этот див, который открылся, он не проподал, чтобы фокус на инпуте оставался. А если тыкнуть в другое место то фокус должен пропасть.
Сори в теме откудато взялось слово "Перезагрузить страницу " ))