проблема с зависанием

Question

Рассмотрим мой HTML

<div class="abu">
<div id="pfabricsmenu1" class="box_conti_homepage">
<h2 class="tel_title"><a rel="dropmenu1" href="/new_site/?page_id=127">Telecommunications</a><br />
<img title="Telecommunications" src="wp-content/uploads/2011/03/box_image.jpg" alt="Telecommunications" width="191" height="76" />
</h2>

<div id="dropmenu1" class="box_text_homepage">
<ul>
    <li><a href="/new_site/?page_id=174">Business Telephone Systems</a></li>
    <li><a href="/new_site/?page_id=66">Hosted IP Telephony</a></li>
    <li><a href="/new_site/?page_id=67">Fixed Line Telecoms Management</a></li>
    <li><a href="/new_site/?page_id=83">Mobile Telecoms Management</a></li>
    <li><a href="/new_site/?page_id=85">Inbound Call management</a></li>
    <li><a href="/new_site/?page_id=70">Telephone Support Services</a></li>
</ul>
</div>
</div>
<div class="mou">Getting the best from your telecoms with the latest technology to suit your business.</div>
</div>

Я бы хотел навести курсор на <h2> так, чтобы div.box_text_homepage скользил вниз, когда мышь над ним, и скользил вверх, когда мышь зависала.Моя проблема в том, что меню снова сдвигается вверх, даже если мышь находится над div.box_text_homepage, как мне это остановить?

       $('.box_title_bar_homepage .abu').each(function(){

        var $maindiv = this;

        $(this).find('h2').hoverIntent(function(){
            $($maindiv).find('.box_text_homepage').slideDown();
        },function(){
            $($maindiv).find('.box_text_homepage').slideUp();
        })

   })

Answer 1

попробуйте это:

    $('.box_text_homepage').hover(function(){
        $(this).slideDown();
    },function(){
        $(this).slideUp();
    })

Answer 2

Почему бы не что-то вроде этого:

$("#dropmenu1").hover(function(){
        $(this).children().slideDown();
    },function(){
        $(this).children().slideUp();
});