当前位置:嗨网首页>书籍在线阅读

09-打开任意菜单

  
选择背景色: 黄橙 洋红 淡粉 水蓝 草绿 白色 选择字体: 宋体 黑体 微软雅黑 楷体 选择字体大小: 恢复默认

3.5.1 打开任意菜单

当创建折叠菜单时,默认第一个菜单(索引为0)是打开的。通过配置页面中的选项,换成打开第二个菜单(索引为1)。可以使用 accordion ("activate") 来完成:

<!DOCTYPE html>
<script src = jquery.js></script>
<script src = jqueryui/js/jquery-ui-1.8.16.custom.min.js></script>
<link rel=stylesheet type=text/css
    href=jqueryui/css/smoothness/jquery-ui-1.8.16.custom.css />
<div id="accordion">
 <h1><a>Menu 1</a></h1>
 <div>Menu Contents 1</div>
 <h1><a>Menu 2</a></h1>
 <div>Menu Contents 2</div>
 <h1><a>Menu 3</a></h1>
 <div>Menu Contents 3</div>
</div>
<script>
$("#accordion").accordion ().accordion ("activate", 1);
</script> 

第一个 accordion () 方法创建了折叠菜单,是必需的。第二个 accordion () 方法打开了索引为1的菜单。

当启动应用时第二个菜单是打开的,如图3-5所示。

20.png

图3-5 用 `"activate"` 操作打开第二个菜单