-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathjquery.mk_pulldown.js
72 lines (56 loc) · 2.21 KB
/
jquery.mk_pulldown.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
;/* $.mk_pulldownMenu
****************************************************************************
/////////////////////////////////////////////////////////////////////////
varsion : 1.0
author : http://www.makinokobo.com - oosugi
last update : 2010.10.20 - oosugi
Copyright : Copyright (c) 2011 Skill Partners Inc. All Rights Reserved.
/////////////////////////////////////////////////////////////////////////
$('SELECTOR').mk_pulldownMenu();
=========================================================================
動作を起こしたい要素に対して実行する。
動作を起こしたい要素はひとまとめに要素で囲んでおく必要がある。
-------------------------------------------------------------------------
#Sample - ul#globalnavi > li > ul.menu-lv2
-------------------------------------------------------------------------
$('#glovalnavi li').mk_pulldownMenu();
-------------------------------------------------------------------------
#Sample - div#sample > div.section > div.unit
-------------------------------------------------------------------------
$('#sample .section').mk_pulldownMenu({
children: '.unit'
});
-------------------------------------------------------------------------
#Config
-------------------------------------------------------------------------
$('SELECTOR').mk_pulldownMenu({
downSpeed: 200,
upSpeed: 50,
delay: 300,
children: 'ul'
});
****************************************************************************/
(function($){
$.fn.mk_pulldownMenu = function(options){
//default options
var defaults = {
downSpeed: 200,
upSpeed: 50,
delay: 300,
children: 'ul'
};
var o = $.extend(defaults, options);
var timeout;
var start = false;
return this
.mouseenter(function(){
clearTimeout(timeout);
$(this).siblings().children(o.children).stop(false,true).slideUp(o.upSpeed);
$(this).children(o.children).stop(false,true).slideDown(o.downSpeed);
})
.mouseleave(function(){
var $this = $(this);
timeout = setTimeout(function(){ $this.children(o.children).stop(false,true).slideUp(o.upSpeed); }, o.delay);
});
};
})(jQuery);