Joomla.it Forum

Joomla! 3 => Joomla! 3 => : tomtomeight 25 Mar 2020, 12:40:52

: [RISOLTO] Accordion funziona solo con doppio click
: tomtomeight 25 Mar 2020, 12:40:52

Buongiorno
Nell'ambito del nuovo componente che sto cercando di costruire ho un problema nell'apertura di tab tipo accordion.
In pratica il secondo tab si apre solo cliccandoci 2 volte e non riesco a capirne la ragione.
succede a: https://sviluppo.infotecnica.eu (https://sviluppo.infotecnica.eu)
mentre nel sito di riferimento https://ilcuoreazzurro.it/archivio-magazine-cuore-azzurro (https://ilcuoreazzurro.it/archivio-magazine-cuore-azzurro) funziona cliccandoci solo una volta come cosa normale.
Il componente è una conversione in joomla della stessa pagina fatta in php e il codice che gestisce i tab in php é:

:

<div id="accordion" class="panel-group">
        <div class="panel panel-default">
            <div class="panel-heading">
              <h4 class="panel-title"><a href="#collapse1" data-toggle="collapse" data-parent="#accordion">Campionato 2019 - 2020[/url]</h4>
            </div>   
            <div id="collapse1" class="panel-collapse collapse in">
                <div class="panel-body">
                    <?php
                        include 'section-2019-20.html';
                    ?>
                </div>
            </div>   
        </div>    </div>mentre nel componente è quest'altro:

:

<div class="container">
         <?php $ione =1; $itwo = 1; $p ='in';?>
            <div id="accordion" class="panel-group">
             <?php $collections = array('2019 - 2020', '2018 - 2019') ?>
              <?php foreach ($collections as $collection): ?>
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4 class="panel-title"><a href="#collapse<?php echo $ione; ?>" data-toggle="collapse" data-parent="#accordion">Campionato <?php echo $collection; ?>[/url]</h4>
                    </div>
                    <div id="collapse<?php echo $itwo; ?>" class="panel-collapse collapse <?php echo $p; ?>">
                        <div class="panel-body">
                                <section id="services">
                                  <div class ="container">
                                    <div class="row">
                                      <?php foreach ($this->items as $item): ?>
                                       <?php if($collection == $item->id_season)  { ?>
                                        <div  class=" col-lg-2 col-md-2 col-sm-4 col-xs-12 text-center">
                                            <div class="service-box"><a href="<?php echo JRoute::_(Flip_magazineHelperRoute::getMagRoute($item->slug)); ?>">
                                                <img class='book-thumb' src='<?php echo $item->cover_image; ?>' />
                                                <p class="text-muted">Magazine <?php echo $item->issue; ?></p>[/url]
                                            </div>
                                        </div>
                                     <?php }; endforeach; ?>
                                   </div>
                                 </div>
                               </section>
                    </div>
                </div>
            </div>
           <?php $ione++; $itwo++; $p =''?>
          <?php endforeach; ?>         
        </div> 
     </div>


: Re:[RISOLTO] Accordion funziona solo con doppio click
: tomtomeight 19 Apr 2020, 19:04:02

Anche questo è risolto, in pratica ho cambiato il codice per la libreria uikitV3

:

<div uk-accordion>
<?php $p ='uk-open';?>
<?php foreach ($this->items as $item): ?>
 
    <div class="<?php echo $p; ?>">
   
    <a class="uk-accordion-title " href="#">Campionato di Calcio Serie A  <?php echo $item->season; ?></a>
        <div class="uk-accordion-content">
        <div class="panel-body">
                                <section id="services">
                                  <div class ="box">
                                    <div class="row">
                                    <?php foreach ($item->idId_seasonMagazineB as $idId_seasonMagazineB): ?>
                                       
                                        <div  class=" col-lg-3- col-md-3 col-sm-4 col-xs-12 text-center">
                                            <div class="service-box"><a href="<?php echo'index.php?option=com_flip_magazine&view=mag&id='. $idId_seasonMagazineB->alias; ?>">
                                                <img class='magazine-thumb' src='<?php echo $idId_seasonMagazineB->cover_image; ?>' />
                                                <p class="text-muted">Magazine <?php echo $idId_seasonMagazineB->issue; ?></p></a>
                                            </div>
                                        </div>
                                     <?php  endforeach; ?>
                                   </div>
                                 </div>
                               </section>
                    </div>