<div class="faq-portal-container">
    <aside class="faq-sidebar-menu">
        <h2 class="faq-menu-title">Catégories (5)</h2>
        <ul class="faq-nav-list" id="faq-menu">
            <li><a href="#" class="faq-link active" onclick="showPane(event, 'pane1')">Mon terminal</a></li>
            <li><a href="#" class="faq-link" onclick="showPane(event, 'pane2')">Mon espace client</a></li>
            <li><a href="#" class="faq-link" onclick="showPane(event, 'pane3')">Ma télécollecte</a></li>
        </ul>
    </aside>

    <main class="faq-content-panes">
        <section id="pane1" class="faq-pane active">
            <h3 class="md-sub-title">Mon terminal</h3>
            <div class="md-faq"><div class="md-item"><div class="md-question">Comment commander un terminal ?</div><div class="md-answer"><span class="liensCommande-texte"></span></div></div></div>
        </section>
        <section id="pane2" class="faq-pane">
            <h3 class="md-sub-title">Mon espace client</h3>
            <div class="md-faq"><div class="md-item"><div class="md-question">Où trouver mes identifiants ?</div><div class="md-answer"><span class="dashboardLien-texte"></span></div></div></div>
        </section>
    </main>
</div>


<style>
/* ... (garde ton code existant) ... */
.faq-nav-list li { padding: 0; margin-bottom: 5px; }
.faq-link { 
    display: block; 
    padding: 15px; 
    text-decoration: none; 
    color: #000; 
    border-radius: 10px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent; /* Supprime le flash gris au clic sur iOS */
}
.faq-link.active { background: #3474FF; color: #fff; }
</style>



<script>
function showPane(e, id) {
    e.preventDefault(); // Empêche le comportement par défaut du lien
    
    // Masque tout
    document.querySelectorAll('.faq-pane').forEach(p => p.classList.remove('active'));
    document.querySelectorAll('.faq-link').forEach(l => l.classList.remove('active'));
    
    // Affiche le bon
    document.getElementById(id).classList.add('active');
    e.currentTarget.classList.add('active'); // e.currentTarget est l'élément cliqué
}
</script>