search
首页课程jQuery Fun ClassCreate drop-down menu

Create drop-down menu

目录列表

下拉式菜单

让我们创建一个简单的下拉菜单,点击菜单项将打开。

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毫秒内打开/关闭子菜单。


在1.5秒内隐藏段落

$("p"). ( );

1/2