Autore Topic: Accordion funziona solo con doppio click  (Letto 19 volte)

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 30966
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Accordion funziona solo con doppio click
« il: 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
mentre nel sito di riferimento 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 :
Codice: [Seleziona]
<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</a></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:
Codice: [Seleziona]
<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?></a></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></a>
                                            </div>
                                        </div>
                                     <?php }; endforeach; ?>
                                   </div>
                                 </div>
                               </section>
                    </div>
                </div>
            </div>
           <?php $ione++; $itwo++; $p =''?>
          <?php endforeach; ?>         
        </div> 
     </div>
NEWS DataGrill Xataface Installer (Ver. 1.0.1) per Joomla 3.8.x - DEMO Gestione Magazzino

 

Host

Torna su