Adding a delay while showing sub-menu items

Adding a delay while showing sub-menu items

Hi!

I am experimenting with SuperFish/Jquery. I want to add delay in appearance of sub-menu but its not working. I could not figure out the reason behind it. The jQuery script is at the end of HTML code.

I am using the default CSS provided by Superfish. 

Here is the HTML Code. 

  1. <html>
  2. <head>

  4.           <link rel="stylesheet" href="css/superfish.css">
  5.           <link rel="stylesheet" href="css/superfish-navbar.css">

  7.           <script type="text/javascript" src="script/jquery-1.7.1.min.js"></script>
  8.           <script type="text/javascript" src="/script/superfish.js"></script>
  9. <script type="text/javascript" src="/script/hoverIntent.js"></script>

  11. </head>

  13. <body>
  14.        <ul class="sf-menu">
  15.                                <li>
  16.                                    <a class="" href="">News<span class="caret"></span></a>
  17.                                    <ul class="">
  18.                                        <li><a href="">Add New</a></li>
  19.                                        <li><a href="">Overview</a></li>
  20.                                    </ul>
  21.                                </li>
  22.                                <li>
  23.                                    <a class="" href="">Products<span class="caret"></span></a>
  24.                                    <ul class="">
  25.                                        <li><a href="">New Product</a></li>
  26.                                    </ul>
  27.                                </li>
  28.                                <li>
  29.                                    <a class="" href="">SCM<span class="caret"></span></a>
  30.                                    <ul class="">
  31.                                        <li><a href="">Forecast</a></li>
  32.                                        <li><a href="">Lost Order</a></li>
  33.                                        <li><a href="">MIA</a></li>
  34.                                        <li><a href="">Supplier</a></li>
  35.                                        <li><a href="">Warranty & Claims</a></li>
  36.                                    </ul>
  37.                                </li>
  38.                                <li>
  39.                                    <a class="" href="">Organizations<span class="caret"></span></a>
  40.                                    <ul class="">
  41.                                        <li><a href="">Absence</a></li>
  42.                                        <li><a href="">Accidents</a></li>
  43.                                    </ul>
  44.                                </li>
  45.                                <li>
  46.                                    <a class="" href="">Statistics<span class="caret"></span></a>
  47.                                    <ul class="">
  48.                                        <li><a href="">Finance</a></li>
  49.                                        <li><a href="">HR</a></li>
  50.                                    </ul>
  51.                                </li>
  52.                                <li>
  53.                                    <a class="" href="">Files<span class="caret"></span></a>
  54.                                    <ul class="">
  55.                                        <li><a href="">Search</a></li>
  56.                                        <li><a href="">Upload file</a></li>

  58.                                    </ul>
  59.                                </li>
  60.                             

  62.        </ul>
  63.    
  64.        <script>
  65.             jQuery(document).ready(function () {
  66.             jQuery('ul.sf-menu').superfish({
  67.             pathClass: 'current',
  68.             delay: 1800000
  69.                 });
  70.                });

  72.         </script>
  73. </body>

  75. </html>