La section d'accordéon supérieure est "active". Je veux réaliser un menu qui devient actif en fonction des éléments enfants. Par exemple; Comme vous pouvez le voir, 'Dashboard' est actif avec une classe 'active' car c'est la page en cours.Définition de l'accordéon sur actif en fonction de l'enfant actif
Comment puis-je activer un accordéon si un élément enfant a la classe 'active'? (Comme un menu déroulant sur un site Web)
code:
<nav id="side-nav">
<div class="accordion ui-accordion ui-widget ui-helper-reset" role="tablist">
<h3 class="ui-accordion-header ui-helper-reset ui-state-default ui-accordion-header-active ui-state-active ui-corner-top ui-accordion-icons" role="tab" id="ui-accordion-1-header-0" aria-controls="ui-accordion-1-panel-0" aria-selected="true" tabindex="0">
<span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-s"></span>Core Application
</h3>
<div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active" id="ui-accordion-1-panel-0" aria-labelledby="ui-accordion-1-header-0" role="tabpanel" aria-expanded="true" aria-hidden="false" style="display: block; height: 360px;">
<a class="active" href="">Dashboard</a>
<a href="customers">Customers</a>
<a href="staff">Staff</a>
<a href="tours">Tours</a>
<a href="users">Users</a>
<a href="settings">Settings</a>
</div>
<h3 class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all ui-accordion-icons" role="tab" id="ui-accordion-1-header-1" aria-controls="ui-accordion-1-panel-1" aria-selected="false" tabindex="-1">
<span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-e"></span>Another menu
</h3>
<div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom" id="ui-accordion-1-panel-1" aria-labelledby="ui-accordion-1-header-1" role="tabpanel" aria-expanded="false" aria-hidden="true" style="display: none; height: 360px;">
<a href="medication/records"><b class=""></b>Medical Records</a>
</div>
</div>
<script> $(".accordion").accordion();</script>
</nav>
pls fournissent le code html –
Pouvez-vous être plus précis sur 'active'. –
Le code mis à jour & actif est juste une classe utilisée pour le changement d'arrière-plan CSS. (peut très bien être utilisé pour le jQuery pour savoir quel parent accoridon mettre en évidence) –