请问怎么样循环调用出 二级的每个栏目的内容在 、三级显示出来?

<div class="Header-navbarbox"> <div class="Header-navbar"> <ul> <!-- 选中li 添加 class="ontrue" --> <li> <a class="Header-Menu" href="#">栏目名称</a> <!-- 产品下拉特殊 其它下拉共用 --> <i class="Header-arr"></i> <div class="Header-dropdown Header-droppro"> <div class="Header-dropdown-contain clearFix"> <div class="Header-dpmenu"> <p><a href="" class="ontrue"> <i class="Header-dparr"></i>二级栏目</a></p> <p><a href=""> <i class="Header-dparr"></i>二级栏目</a></p> <p><a href=""> <i class="Header-dparr"></i>二级栏目</a></p> <p><a href=""> <i class="Header-dparr"></i>二级栏目</a></p> </div> <div class="Header-dpcont"> <div class="Header-dpitem ontrue"> <div class="Header-prolink"> <p><a href="pro_view-9.html" class="ontrue">文章标题</a></p> <p><a href="pro_view-19.html">文章标题</a></p> <p><a href="pro_view-1.html">文章标题</a></p> <p><a href="pro_view-13.html">文章标题</a></p> </div> <div class="Header-proimg"> <img src="pro.jpg" class="Header-proimg-img ontrue"> <img src="pro.jpg" class="Header-proimg-img "> <img src="pro.jpg" class="Header-proimg-img "> <img src="pro.jpg" class="Header-proimg-img "> </div> </div> </div> </div> </div> </li> <li> <a class="Header-Menu" href="#">栏目名称</a> <i class="Header-arr"></i> <div class="Header-dropdown Header-dropmore"> <div class="Header-dropdown-contain clearFix"> <div class="Header-dpmenu"> <p><a href=" " class="ontrue"><i class="Header-dparr"></i>二级栏目</a></p> <p><a href=" "><i class="Header-dparr"></i>二级栏目</a></p> <p><a href=" "><i class="Header-dparr"></i>二级栏目</a></p> </div> <div class="Header-dpcont"> <div class="Header-dpitem ontrue"> <div class="Header-sonwdimg"> <div class="Header-sonwd"> <p> <p> 文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容 </p> </p> </div> <div class="Header-sonimg"><img src="jpg.jpg" alt=""></div> </div> </div> <div class="Header-dpitem "> <div class="Header-sonwdimg"> <div class="Header-sonwd"> <p> <p> 文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容 </p> </p> </div> <div class="Header-sonimg"><img src="jpg.jpg" alt=""></div> </div> </div> <div class="Header-dpitem "> <div class="Header-sonwdimg"> <div class="Header-sonwd"> <p> <p> 文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容 </p> </p> </div> <div class="Header-sonimg"><img src="jpg.jpg" alt=""></div> </div> </div> </div> </div> </div> </li> </ul> </div> </div>
<div class="Header-navbarbox"> <div class="Header-navbar"> <ul> <!-- 选中li 添加 class="ontrue" --> <li> <a class="Header-Menu" href="product-1.html">产品中心</a> <!-- 产品下拉特殊 其它下拉共用 --> <i class="Header-arr"></i> <div class="Header-dropdown Header-droppro"> <div class="Header-dropdown-contain clearFix"> <div class="Header-dpmenu"> {category module=share pid=8888 return=c1} <p><a href="{$c1.url}"{if $key==0} class="ontrue"{/if}> <i class="Header-dparr"></i>{$c1.name}</a></p> {/category} </div> <div class="Header-dpcont"> {category module=share pid=8888 return=c1} <div class="Header-dpitem ontrue"> <div class="Header-prolink"> {category module=share pid=$c1.id return=c2} <p><a href="{$c2.url}"{if $key==0} class="ontrue"{/if}>{$c2.name}</a></p> {/category} </div> <div class="Header-proimg"> {category module=share pid=$c1.id return=c2} <img src="{dr_thumb($c2.thumb)}" alt="{$c2.name}" class="Header-proimg-img{if $key==0{/if}} ontrue"> {/category} </div> </div> {/category} </div> </div> </div> </li> <li> <a class="Header-Menu" href="solution_view-2.html">解决方案</a> <i class="Header-arr"></i> <div class="Header-dropdown Header-dropmore"> <div class="Header-dropdown-contain clearFix"> <div class="Header-dpmenu"> {category module=share pid=8888 return=c1} <p><a href="{$c1.url}"{if $key==0} class="ontrue"{/if}><i class="Header-dparr"></i>{$c1.name}</a></p> {/category} </div> <div class="Header-dpcont"> {category module=share pid=8888 return=c1} {category module=share pid=$c1.id return=c2} <div class="Header-dpitem ontrue"> <div class="Header-sonwdimg"> <div class="Header-sonwd"> <p> <p> {$c2.desc} </p> </p> </div> <div class="Header-sonimg"><img src="{dr_thumb($c2.thumb)}" alt="{$c2.name}"></div> </div> </div> {/category} {/category} </div> </div> </div> </li> <li> <a class="Header-Menu" href="case-1.html">应用案例</a> <i class="Header-arr"></i> <div class="Header-dropdown Header-dropmore"> <div class="Header-dropdown-contain clearFix"> <div class="Header-dpmenu"> <p><a href="case-4.html" class="ontrue"><i class="Header-dparr"></i>户内项目</a></p> <p><a href="case-3.html"><i class="Header-dparr"></i>户外项目</a></p> <!-- <p><a href=""><i class="Header-dparr"></i>数据中心解决方案</a></p> <p><a href=""><i class="Header-dparr"></i>会议室解决方案</a></p> --> </div> <div class="Header-dpcont"> <div class="Header-dpitem ontrue"> <div class="Header-sonwdimg"> <div class="Header-sonwd"> <p>联建光电户内小间距LED显示屏在指挥监控、智慧会议、广电演播、展览展示、信息服务等场景中已逐渐得到普及,凭借高清画质、低亮高灰、超广角显示、纳秒级响应、永不黑屏等优异特性广泛应用于国家公共管理、公共安全、公共交通、能源、金融、IT、广电及教育等多个行业。</p> </div> <div class="Header-sonimg"><img src="static/picture/20200508173559_45815.jpg" alt="户内LED显示屏"></div> </div> </div> <div class="Header-dpitem "> <div class="Header-sonwdimg"> <div class="Header-sonwd"> <p>户外大屏现已广泛应用在各个商业广告领域, LED显示屏所呈现的独特绚烂色彩、超高对比度及吸睛亮度,可尽情触发消费者无限的想象,让广告及娱乐营收呈指数般上升。</p> </div> <div class="Header-sonimg"><img src="static/picture/20200508173544_57546.jpg" alt="户外大屏"></div> </div> </div> </div> </div> </div> </li> <li> <a class="Header-Menu" href="service_cat-1.html">服务支持</a> <i class="Header-arr"></i> <div class="Header-dropdown Header-dropmore"> <div class="Header-dropdown-contain clearFix"> <div class="Header-dpmenu"> <!-- 服务支持 --> <p><a href="service_cat-2.html" class="ontrue"><i class="Header-dparr"></i>优享服务</a></p> <p><a href="service_cat-3.html"><i class="Header-dparr"></i>下载中心</a></p> </div> <div class="Header-dpcont"> <div class="Header-dpitem ontrue"> <div class="Header-sonwdimg"> <div class="Header-sonwd"> <p>联建光电提供全年365天、每周7x24小时400电话服务(400-888-0158)支持。用户如遇在维护或操作上的任何问题,可致电我公司400客服专线,向技术人员咨询相关问题。</p> </div> <div class="Header-sonimg"><img src="static/picture/20200511180424_11826.jpg" alt=""></div> </div> </div> <div class="Header-dpitem "> <div class="Header-sonwdimg"> <div class="Header-sonwd"> <p>联建光电各平台媒体链接、企业画册等文件。</p> </div> <div class="Header-sonimg"><img src="static/picture/20200511180437_49028.jpg" alt=""></div> </div> </div> </div> </div> </div> </li> <li> <a class="Header-Menu" href="news-1.html">新闻资讯</a> <i class="Header-arr"></i> <div class="Header-dropdown Header-dropmore"> <div class="Header-dropdown-contain clearFix"> <div class="Header-dpmenu"> <!-- 新闻资讯 --> <p><a href="news-2.html" class="ontrue"><i class="Header-dparr"></i>公司新闻</a></p> <p><a href="news-3.html"><i class="Header-dparr"></i>行业动态</a></p> </div> <div class="Header-dpcont"> <div class="Header-dpitem ontrue"> <div class="Header-sonwdimg"> <div class="Header-sonwd"> <p>了解联建光电最新品牌动态,让公共视讯更精彩</p> </div> <div class="Header-sonimg"><img src="static/picture/20200506170112_72806.jpg" alt="联建光电新闻"></div> </div> </div> <div class="Header-dpitem "> <div class="Header-sonwdimg"> <div class="Header-sonwd"> <p><span style="white-space:normal;">为用户提供最全面的LED行业技术信息资讯。</span></p> </div> <div class="Header-sonimg"><img src="static/picture/20200506170112_72806.jpg" alt="LED屏基本知识"></div> </div> </div> </div> </div> </div> </li> <li> <a class="Header-Menu" href="about-1.html">关于我们</a> <i class="Header-arr"></i> <div class="Header-dropdown Header-dropmore"> <div class="Header-dropdown-contain clearFix"> <div class="Header-dpmenu"> <!-- 关于我们 --> <p><a href="about-2.html" class="ontrue"><i class="Header-dparr"></i>企业介绍</a></p> <p><a href="about-3.html"><i class="Header-dparr"></i>荣誉资质</a></p> <p><a href="about-4.html"><i class="Header-dparr"></i>招贤纳士</a></p> </div> <div class="Header-dpcont"> <div class="Header-dpitem ontrue"> <div class="Header-sonwdimg"> <div class="Header-sonwd"> <p>联建光电成立于2003年,2011年成功在深圳交易所创业板上市,股票代码300269,十余年间,公司已发展成一个员工超2400人,注册资本5.91亿元、合并年收入超30亿元的国家级高新技术企业,现拥有已授权的国家专利200余项,并先后获得安全生产许可证、钢结构施工资质、系统集成资质并通过国军标质量管理体系认证。</p> </div> <div class="Header-sonimg"><img src="static/picture/20200511180228_58175.jpg" alt="联建光电介绍"></div> </div> </div> <div class="Header-dpitem "> <div class="Header-sonwdimg"> <div class="Header-sonwd"> <p>联建光电深耕数字显示设备市场,凭借丰富的LED显示行业经验与技术、管理团队,已获得“深圳市知名品牌”、“广东省守合同重信用企业”、“中国LED行业年度影响力企业”等多项荣誉。</p> </div> <div class="Header-sonimg"><img src="static/picture/20200511180246_69576.jpg" alt="led显示屏十大品牌"></div> </div> </div> <div class="Header-dpitem "> <div class="Header-sonwdimg"> <div class="Header-sonwd"> <p>联建光电以“阳光、奋斗、创新、感恩”的新文化理念为人才培养和发展打造良好的组织氛围。以实现“511战略”展开的业务调整与组织变革将极大地拓宽人才发展的空间和激励人才潜能的开发。</p> </div> <div class="Header-sonimg"><img src="static/picture/20200511180259_31313.jpg" alt="人才招聘"></div> </div> </div> </div> </div> </div> </li> <li> <a class="Header-Menu" href="contact-1.html">联系我们</a> <i class="Header-arr"></i> <div class="Header-dropdown Header-dropmore"> <div class="Header-dropdown-contain clearFix"> <div class="Header-dpmenu"> <p><a href="contact-3.html#name1" class="Header-dparr ontrue"><i></i>营销网络</a></p> <p><a href="contact-2.html#name2" class="Header-dparr "><i></i>在线留言</a></p> </div> <div class="Header-dpcont"> <div class="Header-dpitem ontrue"> <div class="Header-sonwdimg"> <div class="Header-sonwd"> <p>联建光电服务网络遍布全国20多个省、市、自治区,并成立行业事业部分别针对军事、人防、广电教育、国企央企、能源五大行业特性,提供定制化个性化服务,纵观全球,联建光电在美国、德国、莫斯科、巴西、印度、迪拜等全球12个国家设立营销服务中心,并配备百余人的工程销售服务团队提供本地化服务,为客户提供专业LED显示系统应用解决方案。</p> </div> <div class="Header-sonimg"><img src="static/picture/20200511170039_69850.jpg" alt="公司电话"></div> </div> </div> <div class="Header-dpitem "> <div class="Header-sonwdimg"> <div class="Header-sonwd"> <p>联建光电服务网络遍布全国20多个省、市、自治区,并成立行业事业部分别针对军事、人防、广电教育、国企央企、能源五大行业特性,提供定制化个性化服务,纵观全球,联建光电在美国、德国、莫斯科、巴西、印度、迪拜等全球12个国家设立营销服务中心,并配备百余人的工程销售服务团队提供本地化服务,为客户提供专业LED显示系统应用解决方案。</p> </div> <div class="Header-sonimg"><img src="static/picture/20200511170052_57870.jpg" alt="在线留言"></div> </div> </div> </div> </div> </div> </li> </ul> </div> </div>