Показать сообщение отдельно
  #2 (permalink)  
Старый 27.07.2014, 02:08
Профессор
Отправить личное сообщение для Rise Посмотреть профиль Найти все сообщения от Rise
 
Регистрация: 07.11.2013
Сообщений: 458

updaite,
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>

<style>
div.wrap{width:50px;}
div.wrap div{display:none;width:400px;border:1px solid #000;padding:20px;}
</style>

<div class="wrap">
	<a href="#">Ссылка</a>
	<div><input type="text"><input type="text"><input type="button" value="Go"></div>
</div>
<br>
<div class="wrap">
	<a href="#">Ссылка</a>
	<div><input type="text"><input type="text"><input type="button" value="Go"></div>
</div>

<script>
$(function(){
	$(document).click(function(e){
		if ($(e.target).closest('div.wrap').length) return;
		$('div.wrap div').hide();
		e.stopPropagation();
	});
	$('div.wrap a').mouseenter(function(){
		$(this).next().show();
	});
	$('div.wrap').mouseleave(function(){
		var x = 1;
		$('input:text',this).each(function(){
			if (this.value) return x = 0;
		});
		if (x) $('div',this).hide();
	});
});
</script>
Ответить с цитированием