让我们创建一个简单的下拉菜单,点击菜单项将打开。
HTML:
1 2 3 4 5 6 7 8 | < div class = "menu" >
< div id = "item" >Drop-Down</ div >
< div id = "submenu" >
< a href = "#" >Link 1</ a >
< a href = "#" >Link 2</ a >
< a href = "#" >Link 3</ a >
</ div >
</ div >
|
JS:
1 2 3 | $("#item").click(function() {
$("#submenu").slideToggle(500);
});
|
上面的代码处理id =“item”元素的点击事件,并在500毫秒内打开/关闭子菜单。