Problems, need help? Have a tip or advice? Post it here.
5 posts Page 1 of 1
can someone help me, i got some problem with Accordion
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
Hi,

Let us take Couch out of the equation to begin with -
I trust the accordion in your original static (HTML/JS/JS) design works as you expect, right?
If so, please post that here for the correct comparison.

Thanks.
KK wrote: Hi,

Let us take Couch out of the equation to begin with -
I trust the accordion in your original static (HTML/JS/JS) design works as you expect, right?
If so, please post that here for the correct comparison.

Thanks.


@KK
yes sir, correct
my bad sir, i wrong on class
should be
Code: Select all
<div id="collapse<cms:show k_count />" class="accordion-collapse collapse<cms:if collapse_news_done=''> show</cms:if>"



but i wrote with
Code: Select all
<div id="collapse<cms:show k_count />" class="accordion-collapse collapse<cms:if collapse_news_done=''>-show</cms:if>"


all fixed now..thx for the response
Great :) Thanks for letting us know.
5 posts Page 1 of 1