Neznayka,
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Resizable</title>
<link type="text/css" rel="stylesheet" href="http://sven-soft.com/css/ui-lightness/jquery-ui-1.10.3.custom.min.css">
<style type="text/css">
*{
margin:0;
padding:0;
}
.win_out{
position:absolute;
top:100px;
height:200px;
width:250px;
padding:50px;
background:#ccf;
}
.win_in{
height:198px;
width:248px;
background:#ffc;
border:1px solid #ccc;
}
#win_1{
left:100px;
}
#win_2{
left:600px;
}
.helperstyle{
border:1px dotted #000;
}
</style>
<script type="text/javascript" src="http://sven-soft.com/js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="http://sven-soft.com/js/jquery-ui-1.10.3.custom.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($)
{
$(".win_out").bind("mouseenter", function()
{
});
$(".win_out").each(function(){ $(this).resizable(
{
alsoResize:$(this).children(".win_in"),
//helper:"helperstyle",
start:function(e, ui)
{
console.log($(this).children(".win_in").data("num"));
}
}); })
});
</script>
</head>
<body>
<div id="win_1" class="win_out">
<div class="win_in" data-num="1"></div>
</div>
<div id="win_2" class="win_out">
<div class="win_in" data-num="2"></div>
</div>
</body>
</html>