# Collapse 折叠面板
通过折叠面板收纳内容区域
# 采用对象方式渲染
# 基础用法
可同时展开多个面板，面板之间不影响
# 简洁样式
# 卡片样式
# 手风琴效果
每次只能展开一个面板
# 简洁样式
# 卡片样式
# 采用comp方式渲染
# 基础用法
可同时展开多个面板，面板之间不影响
# 简洁样式
我和我的祖国，一刻也不能分割，无论我走到哪里，都流出一首赞歌
我歌唱每一座高山，我歌唱每一条河，袅袅炊烟 小小村落，路上一道辙
我最亲爱的祖国，我永远紧依着你的心窝，你用你那母亲的脉搏，和我诉说
我的祖国和我，像海和浪花一朵，浪是那海的赤子，海是那浪的依托
每当大海在微笑，我就是笑的旋涡，我分担着海的忧愁，分享海的欢乐
我最亲爱的祖国，你是大海永不干涸，永远给我碧浪清波，心中的歌
《我和我的祖国》作品采用了抒情和激情相结合的笔调，将优美动人的旋律与朴实真挚的歌词巧妙结合，表达了人们对伟大祖国的衷心依恋和真诚歌颂。
该曲歌词以第一人称的手法诉说了“我和祖国”息息相连、一刻也不能分离的心情，作者将“我”和“祖国”比喻为孩子和母亲，又将“祖国”和“我”比喻为大海和浪花，这两个具象而生动的比喻，准确又动情，表达了个人和祖国之间，亘古不变的情感。秦咏诚在力求获得准确、生动的音乐形象的同时，十分懂得生活中的语言节奏与音乐中旋律节奏结合的规律，在使听众听得清、听得懂的基础上，保持了应有的线条美和律动美，从而创造了楚楚动人的音乐形象和丝丝入扣的情感表达。
《我和我的祖国》生动形象地表现了每个人和生他养他的祖国的血肉联系，在词曲结合上“恰到好处”，是一首具有永久魅力、深受人们喜爱的抒情歌曲。
2018年12月26日，中央广播电视总台制作的《我和我的祖国》主题MV发布，MV中不见华丽的艺术舞台，不见专业的歌唱演员，但一个个真实的现实生活场景。镜头前的这些面孔，来自于中国的四面八方、各行各业。他们是人民解放军仪仗队、消防官兵、中国国家女子排球队、港珠澳大桥岛遂工程建设者、路桥水电站建设者、塞罕坝机械林场职工、中国南极考察队、量子科学潘建伟团队、航天科技大军的代表、走在扶贫路上的基层干部
2019年2月3日至2月10日，中央电视台新闻频道推出“快闪系列活动——新春唱响《我和我的祖国》”系列节目，同时每天在央视《新闻联播》播出。该曲先后在北京首都国际机场、深圳北站、三沙、厦门鼓浪屿、成都宽窄巷、武汉黄鹤楼、广东乳源新时代文明实践中心、长沙橘子洲头唱响，单期节目平均全网总阅读量达五、六亿 [9] 。随后，《我和我的祖国》快闪活动在全国各地唱响
# 卡片样式
我和我的祖国，一刻也不能分割，无论我走到哪里，都流出一首赞歌
我歌唱每一座高山，我歌唱每一条河，袅袅炊烟 小小村落，路上一道辙
我最亲爱的祖国，我永远紧依着你的心窝，你用你那母亲的脉搏，和我诉说
我的祖国和我，像海和浪花一朵，浪是那海的赤子，海是那浪的依托
每当大海在微笑，我就是笑的旋涡，我分担着海的忧愁，分享海的欢乐
我最亲爱的祖国，你是大海永不干涸，永远给我碧浪清波，心中的歌
《我和我的祖国》作品采用了抒情和激情相结合的笔调，将优美动人的旋律与朴实真挚的歌词巧妙结合，表达了人们对伟大祖国的衷心依恋和真诚歌颂。
该曲歌词以第一人称的手法诉说了“我和祖国”息息相连、一刻也不能分离的心情，作者将“我”和“祖国”比喻为孩子和母亲，又将“祖国”和“我”比喻为大海和浪花，这两个具象而生动的比喻，准确又动情，表达了个人和祖国之间，亘古不变的情感。秦咏诚在力求获得准确、生动的音乐形象的同时，十分懂得生活中的语言节奏与音乐中旋律节奏结合的规律，在使听众听得清、听得懂的基础上，保持了应有的线条美和律动美，从而创造了楚楚动人的音乐形象和丝丝入扣的情感表达。
《我和我的祖国》生动形象地表现了每个人和生他养他的祖国的血肉联系，在词曲结合上“恰到好处”，是一首具有永久魅力、深受人们喜爱的抒情歌曲。
2018年12月26日，中央广播电视总台制作的《我和我的祖国》主题MV发布，MV中不见华丽的艺术舞台，不见专业的歌唱演员，但一个个真实的现实生活场景。镜头前的这些面孔，来自于中国的四面八方、各行各业。他们是人民解放军仪仗队、消防官兵、中国国家女子排球队、港珠澳大桥岛遂工程建设者、路桥水电站建设者、塞罕坝机械林场职工、中国南极考察队、量子科学潘建伟团队、航天科技大军的代表、走在扶贫路上的基层干部
2019年2月3日至2月10日，中央电视台新闻频道推出“快闪系列活动——新春唱响《我和我的祖国》”系列节目，同时每天在央视《新闻联播》播出。该曲先后在北京首都国际机场、深圳北站、三沙、厦门鼓浪屿、成都宽窄巷、武汉黄鹤楼、广东乳源新时代文明实践中心、长沙橘子洲头唱响，单期节目平均全网总阅读量达五、六亿 [9] 。随后，《我和我的祖国》快闪活动在全国各地唱响
# 手风琴效果
每次只能展开一个面板
# 简洁样式
我和我的祖国，一刻也不能分割，无论我走到哪里，都流出一首赞歌
我歌唱每一座高山，我歌唱每一条河，袅袅炊烟 小小村落，路上一道辙
我最亲爱的祖国，我永远紧依着你的心窝，你用你那母亲的脉搏，和我诉说
我的祖国和我，像海和浪花一朵，浪是那海的赤子，海是那浪的依托
每当大海在微笑，我就是笑的旋涡，我分担着海的忧愁，分享海的欢乐
我最亲爱的祖国，你是大海永不干涸，永远给我碧浪清波，心中的歌
《我和我的祖国》作品采用了抒情和激情相结合的笔调，将优美动人的旋律与朴实真挚的歌词巧妙结合，表达了人们对伟大祖国的衷心依恋和真诚歌颂。
该曲歌词以第一人称的手法诉说了“我和祖国”息息相连、一刻也不能分离的心情，作者将“我”和“祖国”比喻为孩子和母亲，又将“祖国”和“我”比喻为大海和浪花，这两个具象而生动的比喻，准确又动情，表达了个人和祖国之间，亘古不变的情感。秦咏诚在力求获得准确、生动的音乐形象的同时，十分懂得生活中的语言节奏与音乐中旋律节奏结合的规律，在使听众听得清、听得懂的基础上，保持了应有的线条美和律动美，从而创造了楚楚动人的音乐形象和丝丝入扣的情感表达。
《我和我的祖国》生动形象地表现了每个人和生他养他的祖国的血肉联系，在词曲结合上“恰到好处”，是一首具有永久魅力、深受人们喜爱的抒情歌曲。
2018年12月26日，中央广播电视总台制作的《我和我的祖国》主题MV发布，MV中不见华丽的艺术舞台，不见专业的歌唱演员，但一个个真实的现实生活场景。镜头前的这些面孔，来自于中国的四面八方、各行各业。他们是人民解放军仪仗队、消防官兵、中国国家女子排球队、港珠澳大桥岛遂工程建设者、路桥水电站建设者、塞罕坝机械林场职工、中国南极考察队、量子科学潘建伟团队、航天科技大军的代表、走在扶贫路上的基层干部
2019年2月3日至2月10日，中央电视台新闻频道推出“快闪系列活动——新春唱响《我和我的祖国》”系列节目，同时每天在央视《新闻联播》播出。该曲先后在北京首都国际机场、深圳北站、三沙、厦门鼓浪屿、成都宽窄巷、武汉黄鹤楼、广东乳源新时代文明实践中心、长沙橘子洲头唱响，单期节目平均全网总阅读量达五、六亿 [9] 。随后，《我和我的祖国》快闪活动在全国各地唱响
# 卡片样式
我和我的祖国，一刻也不能分割，无论我走到哪里，都流出一首赞歌
我歌唱每一座高山，我歌唱每一条河，袅袅炊烟 小小村落，路上一道辙
我最亲爱的祖国，我永远紧依着你的心窝，你用你那母亲的脉搏，和我诉说
我的祖国和我，像海和浪花一朵，浪是那海的赤子，海是那浪的依托
每当大海在微笑，我就是笑的旋涡，我分担着海的忧愁，分享海的欢乐
我最亲爱的祖国，你是大海永不干涸，永远给我碧浪清波，心中的歌
《我和我的祖国》作品采用了抒情和激情相结合的笔调，将优美动人的旋律与朴实真挚的歌词巧妙结合，表达了人们对伟大祖国的衷心依恋和真诚歌颂。
该曲歌词以第一人称的手法诉说了“我和祖国”息息相连、一刻也不能分离的心情，作者将“我”和“祖国”比喻为孩子和母亲，又将“祖国”和“我”比喻为大海和浪花，这两个具象而生动的比喻，准确又动情，表达了个人和祖国之间，亘古不变的情感。秦咏诚在力求获得准确、生动的音乐形象的同时，十分懂得生活中的语言节奏与音乐中旋律节奏结合的规律，在使听众听得清、听得懂的基础上，保持了应有的线条美和律动美，从而创造了楚楚动人的音乐形象和丝丝入扣的情感表达。
《我和我的祖国》生动形象地表现了每个人和生他养他的祖国的血肉联系，在词曲结合上“恰到好处”，是一首具有永久魅力、深受人们喜爱的抒情歌曲。
2018年12月26日，中央广播电视总台制作的《我和我的祖国》主题MV发布，MV中不见华丽的艺术舞台，不见专业的歌唱演员，但一个个真实的现实生活场景。镜头前的这些面孔，来自于中国的四面八方、各行各业。他们是人民解放军仪仗队、消防官兵、中国国家女子排球队、港珠澳大桥岛遂工程建设者、路桥水电站建设者、塞罕坝机械林场职工、中国南极考察队、量子科学潘建伟团队、航天科技大军的代表、走在扶贫路上的基层干部
2019年2月3日至2月10日，中央电视台新闻频道推出“快闪系列活动——新春唱响《我和我的祖国》”系列节目，同时每天在央视《新闻联播》播出。该曲先后在北京首都国际机场、深圳北站、三沙、厦门鼓浪屿、成都宽窄巷、武汉黄鹤楼、广东乳源新时代文明实践中心、长沙橘子洲头唱响，单期节目平均全网总阅读量达五、六亿 [9] 。随后，《我和我的祖国》快闪活动在全国各地唱响
# 参数列表：
| 参数 | 说明 | 类型 | 默认值 | ||
| elObj | 被渲染的元素DOM（必填） | 可传入一个 DOM 对象或字符串； 若传入字符串，则会将其作为参数传入 document.querySelector以获取到对应 DOM 节点 | |||
| options | style | 简单样式/卡片样式 （选填）： "simple"/"card" | String | "simple" | |
| accordion | 是否开启手风琴效果（选填） | boolean | false | ||
| active | 处于展开状态的面板的序号，从0开始（选填） | number / array 说明：当开启手风琴效果时，仅支持number | - | ||
| position | 箭头图标的位置（选填）: "left"/"right" | string | 简洁样式时："right" 卡片样式时："left" | ||
| items(数组类型，由多个Object组成，每个Object包含title和content) | title | 当前面板的标题（必填） | string | - | |
| content | 当前面板的内容（必填） | string | - | ||
# 方法列表
| 方法 | 说明 | 参数 |
|---|---|---|
| destory | 销毁元素 | - |
← Card 卡片组件 Divider 分割线 →