如何解决Wordpress 模板页面中的动态内容手风琴
我正在尝试在 Webseite (function.PHP) 的模板文件中构建动态手风琴,但不幸的是它不起作用。它只能作为普通的可折叠物品使用。请帮忙。
我的代码如下:
<div class="panel-group" id="accordion">
<div class="card">
<div class="card-header sub-title" role="tab" id="heading'.$post->ID.'" data-toggle="collapse" data-parent="#accordion" data-target="#collapse'.$post->ID.'">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse'.$post->ID.'">
<h4><span>'. $post->post_title .'</span></h4>
<p class="bold-title" style="font-size: 16px;padding-bottom:0px;font-style: normal;"><strong>'.$rnr_resume_title.'</strong></p>
<p style="margin-bottom:0px">'.$rnr_resume_time.'</p>
</a>
</div>
<div id="collapse'.$post->ID.'" class="collapse" data-parent="#accordion" style="height:0px;overflow: hidden; transition: all 0.5s ease 0s;" role="tabpanel" aria-labelledby="heading'.$post->ID.'" >
<div class="tab-contents">
<a id="single_image" href="'.$img.'" class="fancybox" style="text-align: center;"/>
<div class="img-wrap">
<div class="overlay"><i class="fa fa-search"></i></div>.
<div style= "max-width: 100%; max-height: 100%;"> <img src="'.$img.'" style= " max-width: 100%; max-height: 100%; margin: 0px auto 0px auto; display: block;" /> </div>
</div>
<div class="seperatorLine"></div></a>
<ul style="text-align: center;">';
$count = 1;
if (is_array($rnr_resume_subtitle) || is_object($rnr_resume_subtitle))
{ foreach($rnr_resume_subtitle as $sub){
$html.= "<h2 class='internetadres' style='text-align: center;font-size:2em; margin-top:5px;'> <strong> <a href= 'https://{$sub}' target='_blank' rel='noopener noreferrer'> <i class='logointernetexp fa fa-internet-explorer'> </i> {$sub} </a> </strong> </h2></ul>";
} }
$html.=' <div class="seperatorLine"></div> '. $content;
$html.='
</div>
</div>
</div>
</div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。