.find() в FF и chrome

[Sliph]

Доброго всем времени суток, подскажите где я туплю (или браузер). Код отлично работает в Opera и IE. Но отказывается работать в Хроме и Лисе.

<script type="text/javascript">
$(document).ready(function () {
    $('a.h_menu_a').hover(function () {
        $(this).find('div.the_menu').stop(true, true).animate({opacity: "show"});
    }, function() { 
	   $('div.the_menu').animate({opacity: "hide"});   
    });
});
</script>

<a class="h_menu_a" href="#">
  <div>Кнопка</div>
  <div class="the_menu" id="bla">blablabla</div>
</a>
<a class="h_menu_a" href="#">
  <div>Кнопка 2</div>
  <div class="the_menu" id="bla">blablabla2</div>
</a>

 

[diavolic]

попробуй заменить $ на jQuery

 

[Sliph]

попробуй заменить $ на jQuery

Не помогло.
Задачу решил следующим путем:

<script type="text/javascript"> 
$(document).ready(function () { 
    $('.menu_first').hover(function () { 
        $(this).find('div.the_menu').animate({opacity: "show"}); 
    }, function() {  
       $('div.the_menu').animate({opacity: "hide"});    
    }); 
}); 
</script>

<div class="menu_first">
  <span>Кнопка</span> 
  <div class="the_menu" id="bla">blablabla</div> 
</div>
<div class="menu_first">
  <span>Кнопка 2</span> 
  <div class="the_menu" id="bla">blablabla2</div> 
</div>

 

[alica]

Так бы тоже нашлось $('div.the_menu', this)