https://shourenji-kodomoen.jp/wp/wp-content/themes/rakusei/js/jquery.droppy.js

1/*
2 * Droppy 0.1.2
3 * (c) 2008 Jason Frame ([email protected])
4 */
5$.fn.droppy = function(options) {
6    
7  options = $.extend({speed: 250}, options || {});
8  
9  this.each(function() {
10    
11    var root = this, zIndex = 1000;
12    
13    function getSubnav(ele) {
14      if (ele.nodeName.toLowerCase() == 'li') {
15        var subnav = $('> ul', ele);
16        return subnav.length ? subnav[0] : null;
17      } else {
18        return ele;
19      }
20    }
21    
22    function getActuator(ele) {
23      if (ele.nodeName.toLowerCase() == 'ul') {
24        return $(ele).parents('li')[0];
25      } else {
26        return ele;
27      }
28    }
29    
30    function hide() {
31      var subnav = getSubnav(this);
32      if (!subnav) return;
33      $.data(subnav, 'cancelHide', false);
34      setTimeout(function() {
35        if (!$.data(subnav, 'cancelHide')) {
36          $(subnav).slideUp(options.speed);
37        }
38      }, 500);
39    }
40  
41    function show() {
42      var subnav = getSubnav(this);
43      if (!subnav) return;
44      $.data(subnav, 'cancelHide', true);
45      $(subnav).css({zIndex: zIndex++}).slideDown(options.speed);
46      if (this.nodeName.toLowerCase() == 'ul') {
47        var li = getActuator(this);
48        $(li).addClass('hover');
49        $('> a', li).addClass('hover');
50      }
51    }
52    
53    $('ul, li', this).hover(show, hide);
54    $('li', this).hover(
55      function() { $(this).addClass('hover'); $('> a', this).addClass('hover'); },
56      function() { $(this).removeClass('hover'); $('> a', this).removeClass('hover'); }
57    );
58    
59  });
60  
61};
62  $(function() {
63    $('#nav').droppy();
64  });