Resizing cells in the table
Hi,
I have table like this:
-
<table>
<tr>
<td><div class="drop">a</div></td>
<td><div class="drop">a</div></td>
<td><div class="res">aa</div></td>
<td><div class="drop">a</div></td>
<td<div class="drop">a</div></td>
</tr>
and jQuery code:
-
$(".res").resizable({handles: 'e, w', helper: 'res-hover'});
And I would like to do this: If you resize the block res, it joins with selected block drop, so the it will be one cell in table. I try to use this:
-
$(".res").resize(function(){
$(".drop").bind("mouseenter",function(){
$(this).addClass("hover");
// there will be joind cells
});
});
, but if I once resize the block called res, it always select block called drop and I'd like to split the cells only if I just resizing the block called res. I hope, that you understand my problem:-) Thanks for advise