can someone help me, i got some problem with Accordion
this is my code
i tried with this, its work, but need twice to click the first artcile
this is the recoded
maybe someone can help me about this
this is my code
- Code: Select all
<cms:pages masterpage='blog-page.php' limit='10'>
<div class="col-12">
<div class="accordion-item">
<div class="accordion-header" id="heading<cms:show k_count />">
<button class="accordion-button" type="button"
data-bs-toggle="collapse" data-bs-target="#collapse<cms:show k_count />" aria-expanded="true"
aria-controls="collapse<cms:show k_count />">
<span class="accor-header-inner d-flex flex-wrap align-items-center">
<!-- <span class="accor-thumb"> -->
<!-- <img src="/assets/images/sponsor/01.png" alt="partner-thumb"> -->
<!-- </span> -->
<span class="accor-title"><span class="text-info">[<cms:show k_page_foldertitle />]</span> <cms:show k_page_title /></span>
</span>
</button>
</div>
<div id="collapse<cms:show k_count />" class="accordion-collapse collapse-show"
aria-labelledby="heading<cms:show k_count />" data-bs-parent="#accordionExample">
<div class="accordion-body">
<div class="post-item-2">
<div class="post-inner">
<div class="post-thumb">
<img src="<cms:show image_content />" alt="blog">
</div>
<div class="post-content">
<ul class="lab-ul post-date">
<li><span><i class="icofont-ui-calendar"></i> <cms:date k_page_date format='M d, Y'/></span></li>
<li><span><i class="icofont-user"></i> Admin</span> </li>
</ul>
<p><cms:excerptHTML count='75' ignore='img'><cms:show main_content /></cms:excerptHTML></p>
<a href="<cms:show k_page_link />" class="default-button"><span>read more <i class="icofont-circled-right"></i></span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</cms:pages>
i tried with this, its work, but need twice to click the first artcile
this is the recoded
- Code: Select all
<cms:pages masterpage='blog-page.php' limit='10'>
<div class="col-12">
<div class="accordion-item">
<div class="accordion-header" id="heading<cms:show k_count />">
<button class="accordion-button<cms:if collapse_button_done=''><cms:else/> collapsed</cms:if>" type="button"
data-bs-toggle="collapse" data-bs-target="#collapse<cms:show k_count />" aria-expanded="true"
aria-controls="collapse<cms:show k_count />">
<cms:set collapse_button_done = '1' />
<span class="accor-header-inner d-flex flex-wrap align-items-center">
<!-- <span class="accor-thumb"> -->
<!-- <img src="/assets/images/sponsor/01.png" alt="partner-thumb"> -->
<!-- </span> -->
<span class="accor-title"><span class="text-info">[<cms:show k_page_foldertitle />]</span> <cms:show k_page_title /></span>
</span>
</button>
</div>
<div id="collapse<cms:show k_count />" class="accordion-collapse<cms:if collapse_news_done=''> collapse-show<cms:else/> collapse</cms:if>"
aria-labelledby="heading<cms:show k_count />" data-bs-parent="#accordionExample">
<cms:set collapse_news_done = '1' />
<div class="accordion-body">
<div class="post-item-2">
<div class="post-inner">
<div class="post-thumb">
<img src="<cms:show image_content />" alt="blog">
</div>
<div class="post-content">
<ul class="lab-ul post-date">
<li><span><i class="icofont-ui-calendar"></i> <cms:date k_page_date format='M d, Y'/></span></li>
<li><span><i class="icofont-user"></i> Admin</span> </li>
</ul>
<p><cms:excerptHTML count='75' ignore='img'><cms:show main_content /></cms:excerptHTML></p>
<a href="<cms:show k_page_link />" class="default-button"><span>read more <i class="icofont-circled-right"></i></span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</cms:pages>
maybe someone can help me about this