How do I destroy a jquery resizable without destroying child resizables?

Question

I have a parent div which is resizable (width only) - within this div I have a number of other divs that are also resizable (height only).

At times I want to either disable or destroy the parent width resizing but leave the inner height resizing in place.

When I call $("#idTopDiv").resizable("destroy");, this destroys the resizables on all of the child divs as well.

Typical layout is:-

<div id=idDivTop> <!-- Resizable width -->
    <div id=idInnerOne>
    </div>

    <div id=idInnerTwo> <!-- Resizable height -->
    <div>
</div>

Appreciate any ideas.