如何用jQuery制作一个长尾词的折叠式菜单？
- 内容介绍
- 文章标签
- 相关推荐
本文共计1034个文字，预计阅读时间需要5分钟。
今天给大家介绍如何使用jQuery创建折叠式菜单（accordion）。即通常所说的手风琴效果（accordion[k:rdin]）。
实现效果如下：
一、HTML代码结构要实现折叠式菜单，需要以下HTML结构：
菜单项1 内容1 菜单项2 内容2 菜单项3 内容3
二、jQuery代码实现以下是实现折叠式菜单的jQuery代码：
javascript$(document).ready(function() { $('.accordion li').click(function() { $(this).find('div').slideToggle(); });});
今天给大家介绍如何使用jQuery创建折叠式菜单，即通常所说的手风琴效果（accordion[əˈkɔ:rdiən]）。
本文共计1034个文字，预计阅读时间需要5分钟。
今天给大家介绍如何使用jQuery创建折叠式菜单（accordion）。即通常所说的手风琴效果（accordion[k:rdin]）。
实现效果如下：
一、HTML代码结构要实现折叠式菜单，需要以下HTML结构：
菜单项1 内容1 菜单项2 内容2 菜单项3 内容3
二、jQuery代码实现以下是实现折叠式菜单的jQuery代码：
javascript$(document).ready(function() { $('.accordion li').click(function() { $(this).find('div').slideToggle(); });});
今天给大家介绍如何使用jQuery创建折叠式菜单，即通常所说的手风琴效果（accordion[əˈkɔ:rdiən]）。