J'essaie de réduire ma navigation réactive lorsque je clique sur un élément de navigation (lien).
Voici ma navigation:
<nav class="nav">
<ul>
<li class="nav-item"><a href="#overview">Overview</a></li>
<li class="nav-item"><a href="#amenities">Amenities</a></li>
<li class="nav-item"><a href="#residences">Residences</a></li>
<li class="nav-item"><a href="#neighborhood">Neighborhood</a></li>
<li class="nav-item"><a href="#availability">Availability</a></li>
<li class="nav-item"><a href="#contact">Contact</a></li>
<a href="#" target="_blank"><li class="btn login">Login</li></a>
<a href="javascript:void(0);" onclick="myFunction()"><li class="nav-toggle"></li></a>
</ul>
</nav>
Voici comment la navigation réactive est étendue:
<script>
function myFunction() {
document.getElementsByClassName("nav")[0].classList.toggle("responsive");
}
</script>
Merci pour vos réponses. C'est ce que je cherchais:
$(document).ready(function(){
$("li.nav-item a, .logo").click(function(){
$("nav").removeClass("responsive");
});
});
Désormais, la classe "responsive" est supprimée lorsque vous cliquez sur un élément de navigation ou sur le logo, donc ma navigation revient en mode réduit.
Cet article est collecté sur Internet, veuillez indiquer la source lors de la réimpression.
En cas d'infraction, veuillez [email protected] Supprimer.
laisse moi dire quelques mots