how to handle two process in JQuery
<p>the bellow code only handles the script wich contain <strong>setInterval</strong> and the other script is unreachable.</p>

<p>what shuld i do to handle both scripts.</p>

<pre><code>&lt;html&gt;
&lt;head&gt;
    &lt;title&gt;Top News&lt;/title&gt;
    &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
    &lt;script type="text/javascript" src="jquery/jquery-1.5.2.js"&gt;&lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;
    &lt;div class="top-new-content"&gt;
        &lt;div class="one" style="position: absolute; left: 10px; top: 10px; background:yellow;width:300px;height:100px; border: 1px #979797 solid"&gt;
            &lt;img src="image/news/img.jpg" width="100px" height="50px" /&gt;
        &lt;/div&gt;
        &lt;div class="two" style="position: absolute; left: 10px; top: 10px;background:yellow;width:300px;height:100px; border: 1px #979797 solid"&gt;
            two two two two two two two ...
        &lt;/div&gt;
        &lt;div class="three" style="position: absolute; left: 10px; top: 10px; background:yellow;width:300px;height:100px; border: 1px #979797 solid"&gt;
            three three three three three ...
        &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="top-news-category" style="position: absolute; left: 10px; top: 111px; border: 1px #979797 solid; border-top: none; background-color: yellow"&gt;
        &amp;nbsp;&lt;span id="a"&gt;One |&lt;/span&gt;
        &lt;span id="b"&gt;Two |&lt;/span&gt;
        &lt;span id="c"&gt;Three&lt;/span&gt;&amp;nbsp;
    &lt;/div&gt;
&lt;/body&gt;

&lt;script type="text/javascript"&gt;
    $(document).ready(function(){
        setInterval(function() {
            $('div.one').fadeIn(1000);
            $('div.two').fadeOut(1000);
            $('div.three').fadeOut(1000);
            $("*").delay(3000);
            $('div.two').fadeIn(1000);
            $('div.one').fadeOut(1000);
            $('div.three').fadeOut(1000);
            $("*").delay(3000);
            $('div.three').fadeIn(1000);
            $('div.one').fadeOut(1000);
            $('div.two').fadeOut(1000);
            $("*").delay(3000);
        }, 0);
    });
&lt;/script&gt;

&lt;script type="text/javascript"&gt;
    $(document).ready(function(){
        $(".top-news-category #a").click(function(){
            $("div.one").fadeIn("slow", "linear");
            $("div.two").fadeOut("slow", "linear");
            $("div.three").fadeOut("slow", "linear");
        });
        $(".top-news-category #b").click(function(){
            alert("TWO");
            $("div.one").fadeOut("slow", "linear");
            $("div.three").fadeOut("slow", "linear");
            $("div.two").fadeIn("slow", "linear");
        });
        $(".top-news-category #c").click(function(){
            $("div.one").fadeOut("slow", "linear");
            $("div.three").fadeOut("slow", "linear");
            $("div.three").fadeIn("slow", "linear");
        });
    });
&lt;/script&gt;
</code></pre>

<p></p>
