1、实现源码
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>手风琴</title><link rel="stylesheet" href="../js/jquery-ui-1.10.4/development-bundle/themes/base/jquery.ui.all.css"><script src="../js/jquery-ui-1.10.4/development-bundle/jquery-1.10.2.js"></script><script src="../js/jquery-ui-1.10.4/development-bundle/ui/jquery.ui.core.js"></script><script src="../js/jquery-ui-1.10.4/development-bundle/ui/jquery.ui.widget.js"></script><script src="../js/jquery-ui-1.10.4/development-bundle/ui/jquery.ui.accordion.js"></script><link rel="stylesheet" href="../js/jquery-ui-1.10.4/development-bundle/demos/demos.css"><style> ???.accordion{ ??????background: fuchsia; ???}</style><script> ???$(function(){ ???$("#accord").accordion(); ???????//设置Accordion背景色 ???$("#accord").addClass("accordion"); ???});</script></head><body> ??<div id="accord"><h3>苹果</h3><div> ???<h4>苹果</h4></div><h3>橘子</h3><div> ???<h4>橘子</h4></div><h3>梨子</h3><div> ??<h4>梨子</h4></div> ??</div></body></html>2、实现结果
再分享一下我老师大神的人工智能教程吧。零基础！通俗易懂！风趣幽默！还带黄段子！希望你也加入到我们人工智能的队伍中来！https://blog.csdn.net/jiangjunshow
jQuery UI之手风琴
原文地址：https://www.cnblogs.com/odejsjhshw/p/10383519.html