[dolphin_al]

Ребят помогите плиз голову уже сломал. Я никогда не писал на java.

Есть такой скрипт:

$(document).ready(function() {
        
            //When page loads...
            $(".tab_content").hide(); //Hide all content
            $(".tab_content:first").show(); //Show first tab content
        
            //On MouseOver Event
            $("ul.main_tabs li").mouseover(function() {
        		var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
                $(".tab_content").hide(); //Hide all tab content
                $(activeTab).fadeIn(0); //Fade in the active ID content
                return false;
            });

        
        });

и есть такой Html:

<div id="tab1" class="tab_content">
   	<img src="image1" border="0" />
</div>
<div id="tab2" class="tab_content">
   	<img src="image2" border="0"  />
</div>
<div id="tab3" class="tab_content">
	<img src="image3" border="0" alt="" title=""  />
</div>
<ul class="main_tabs">
    <li class="main_news_section1">
        <a href="#tab1">LINK_TEXT</a>
        <div id="tab1" class="tab_content">
            <span>DATE</span><br>
            TEXT
        </div>
    </li>
    <li class="main_news_section2">
        <a href="#tab2">LINK_TEXT</a>
        <div id="tab2" class="tab_content">
            <span>DATE</span><br>
            TEXT
        </div>
    </li>
    <li class="main_news_section3">
        <a href="#tab3">LINK_TEXT</a>
        <div id="tab3" class="tab_content">
            <span>DATE</span><br>
            TEXT
        </div>
    </li>
</ul>

Так вот при наведении на пункт <a href="#tab3"> никак не хочет открываться один из дивов с id=tab3. То есть мне надо чтобы открывались оба присутствующих дива с таким id. А у меня сейчас если один из блоков убрать то все работает прекрасно, а вот чтоб два блока реагировали на Mouseover никак