Afficher le contenu deux fois - Onglets Bootstrap

Question

Lorsque vous avez deux div avec le même identifiant dans les onglets d'amorçage, est-il normal qu'il n'en active qu'un seul?

Le code

<ul> 
    <li><a data-toggle="tab" href="#id1" aria-expanded="false">ID1</a><li> 
    <li><a data-toggle="tab" href="#id1" aria-expanded="false">ID1</a><li> 
</ul> 
<div class="tab-content"> 
    <div id="id1"> 
     Hello 
    </div> 
    <div id="2"> 
     Hello Again :) 
    </div> 
    <div id="2"> 
     OMG Hello Again :) 
    </div> 
</div> 

Mais quand je clique sur ID2, je ne vois le contenu du premier div, en ignorant l'autre, est-ce normal?

Answer 1

Oui, c'est normal car vous utilisez le même id pour plusieurs divs qui font disparaître l'autre diov. Vous devriez ne jamais le faire.

Pour ce faire, vous pouvez envelopper votre div dans un parent et lui donner id=2

<ul> 
    <li><a data-toggle="tab" href="#id1" aria-expanded="false">ID1</a><li> 
    <li><a data-toggle="tab" href="#id1" aria-expanded="false">ID1</a><li> 
</ul> 
<div class="tab-content"> 
    <div id="id1"> 
     Hello 
    </div> 
    <div id="2"> 
     <div> Hello Again :) </div> 
     <div> OMG Hello Again :) </div> 
    </div> 
</div>