javascript ClearTimeout with jquery droppable out
<p>I have this code </p>

<pre><code>            var expandTimerId=0;

                $(".droppable").droppable({
                tollerance      : 'pointer', 
                greedy : true ,
                hoverClass : 'dropHover',
                drop : _onDropItem,
                over: _onDragOver,
                out: function(event,ui){                        
                    clearTimeout ( expandTimerId );
                }

            });
            function _onDragOver(event, ui){            
            var expandNode = $(this).children(".expandNode");

            expandTimerId = setTimeout(function(){   
                $(expandNode).trigger("click");
            }, 2000);
            }
</code></pre>

<p>What i wanted to do is, When an object is drag on top of droppable for 2second or a period of time the droppable will expand itself. droppable is a tree with branch.</p>

<p>If i didnt add cleartimeout on out. The branch would expand. But when i add cleartimeout, the branch wouldnt expand even though i didnt move the drag, out.</p>

<p>Did i have any mistakes in the code? or is the out event trigger even though im not moving the object out of droppable?</p>
