Wordpress Themes - WP Forum at BFA - Mouse Out Delay on Menus

Ya it is in the js.php file.

I can mod the behavior somewhat but am having issues. I found a script that may work but I can't get the

Code:

<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>

to inject before moding the js.php file. When I put it in the optional includes area for the theme options it puts the reference in after the script so I don't think it is working.

Here is the script I want to mod.

Code:

        <script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>

        <script>

              $(document).ready(function()

              {

                      $('li').hover(function(){

                        var timer = $(this).data('timer');

                        if(timer) clearTimeout(timer);

                        $(this).addClass('over');

                      },function(){

                        var li = $(this);

                        li.data('timer', setTimeout(function(){ li.removeClass('over'); }, 500));

                      });

              });

          </script>

Here is my modded code.

Code:

/* JQUERY */ 

$(document).ready(function(){ 

<?php if ( $bfa_ata['animate_page_menu_bar'] == "Yes" AND strpos($bfa_ata['configure_header'],'%page')!== FALSE ) { ?>

    $("#rmenu2 li.rMenu-expand").hover(function(){

    jQuery(this).find('ul.rMenu-ver:first').css({"display":"block","position":"absolute"});

    jQuery(this).find('ul.rMenu-ver:first li').css({"display":"none"}).slideDown(200);

    var timer = $(this).data('timer');

    if(timer) clearTimeout(timer);

    $(this).addClass('over');        

  },function() {

    jQuery(this).find('ul.rMenu-ver:first').css("display","block");

    jQuery(this).find('ul.rMenu-ver:first li').css("display","block").slideUp(1000);

        jQuery(this).find('ul.rMenu-ver:first').slideUp(1000);

    var li = $(this);

    li.data('timer', setTimeout(function(){ li.removeClass('over'); }, 500));

   });

    

<?php } ?>

I'm pretty sure I can add these lines into the JQuerry function if I can just get that script to be referenced first. If I'm understanding this correctly it is adding timer into it so that it can hold the menu open for a short time. I'm pretty new to jquerry and all of the add ons it has. So I may be way off base. ;)

Here is the page that was linked in stackexchange that functions like I want these menus to. http://jsbin.com/otapex/2

If I can get this to work then I will work out something I can put in a child theme for the site that should work through updates.