Auto expand accordion on mouseover but prevent collapsing on mouseover
<p>I am able to make my accordion automatically open a section on hover, but I don't know how to prevent it from collapsing a section when moving the mouse cursor over an active header of the accordion.</p>

<p>The following is my code:</p>

<pre><code>    $("#accordion").accordion({
      event: 'mousedelay'
    }).delegate('.ui-accordion-header', 'mouseover', function() {
      clearTimeout($(this).closest('.ui-accordion').data('timeout'));
      $(this).closest('.ui-accordion').data('timeout', setTimeout($.proxy(function() {
        $(this).trigger('mousedelay');
      }, this), 500));
    });
</code></pre>

<p>How do I change the code so an active section would only collapse on click (not mouseover)?</p>