Comment modifier ou ajouter une propriété de style événement onClick

Question

J'ai un menu qui quand il est ouvert à la version mobile, il ne se ferme pas en cliquant sur un lien, donc je voudrais entrer une hauteur: 2px dans un style div pour fermer le menu.

Je suis en train de faire ce qui suit, mais ne fonctionne pas:

<div class="navbar-collapse collapse"> 
<ul class="nav navbar-nav navbar-right"> 
    <li><a class="active" href="index.html"><span></span>Link 01</a></li> 
    <li><a href="index.html"><span></span>Link 02</a></li> 
    <li><a href="index.html"><span></span>Link 03</a></li> 
</ul> 
</div> 

<script> 
$('.navbar-collapse collapse').on('click', function(){ 
document.getElementById("teste").style.height = "2px"; 
}); 
</script> 

Answer 1

Votre sélection est incorrect.

Utilisez

$('.navbar-collapse.collapse').on('click', function(){ 

au lieu de

$('.navbar-collapse collapse').on('click', function(){ 

Comme vous utilisez plusieurs classes juste écrire les sélecteurs ensemble sans espaces entre

Answer 2

Essayez ceci (mais sélecteur jquery correct pour navbar comme ci-dessous)

<script> 
$('.navbar-collapse.collapse').on('click', function(){ 
    $("#teste").css('height','2px'); 
}); 
</script> 

Vous pouvez donner plusieurs prorties css à la fois comme ci-dessous

<script> 
    $('.navbar-collapse.collapse').on('click', function(){ 
     $("#teste").css({height : '2px', 
     backgroundColor : "#ddd", 
     fontWeight: "" 
     }); 
    }); 
    </script> 

JQuery CSS