Jquery hiding is not trigered
<p>Following is my javascript in which I've been trying to show certain div and after the function being performed the div should get hide by itself but i am having this issue that in same function both doesnot work like to show first then after some time interval hide that div but when i put event of show and hiding separately it worked fine. Kindly let me know how can i modify the following code so that after processing the result it should hide that div</p>

<pre><code> function jq(input)
    {


    if (input == 'abc')
    {
    $("#show").show(1000);

        document.getElementById('sele').options.length = 0;

    $('#sele').append('&lt;option value="test"&gt;Testing&lt;/option&gt;').updateSelect();

    $("#show").hide(1000);

    }
}

 &lt;div id="show" &gt; &lt;img  src="ajax-loader.gif" width="16" height="16" /&gt; &lt;/div&gt;
</code></pre>
