[jQuery] Elements aren't expanding when appending new children
When you have a problem like this, your first thought should be to look at
the generated HTML using Microsoft's DevToolBar in IE or either FireBug or
View Source Chart for Firefox.
I moved "Testnode" up and then moved it to the right, then used FireBug's
Inspect tool to reveal the generated HTML. This is what I saw:
<div id="main">
<ul id="nodes" class="sortable">
<li id="node5" class="sortableitem">
</li>
<li id="node1" class="sortableitem" style="overflow: visible;
height: 164px; display: block; width: 472px; opacity: 0.9999;">
<ul id="nodes1" class="sortable">
<li id="node3" class="sortableitem">
</li>
...
Do you see what went wrong? :-)
-Mike