jQueryUI show()/hide() on click() does not work in Firefox 3.6 (Mac)

jQueryUI show()/hide() on click() does not work in Firefox 3.6 (Mac)

I use the following code to show/hide divs. It works just fine in Safari/Opera/Chrome. The page loads OK in Firefox (I get my show() effect), but if statement does not work in Firefox 3.6 for Mac. It seems that the jquery ":hidden" selector is busted? 

  1. $(window).load(function(){
  2. $(".page").hide();
  3. $("#page1").show('slow');
  4. //handle click
  5. $("a.nav").click(function() {
  6. var $source = $(event.target);
  7. var $myPage = $source.attr("href");
  8. if($($myPage).is(":hidden")){
  9.                         //Firefox does not reach here
  10.                         //alert("sad fox");
  11. $(".page:visible").hide('slow');
  12. $($myPage).show('drop',{direction:"right"},700);
  13. }
  14. return false;
  15. });
  16. });