如何更改或添加樣式屬性onClick事件

Question

我有一個菜單，當它在移動版本打開時，它不會在點擊鏈接時關閉，所以我會在div樣式中輸入高度：2px以關閉菜單。

我試圖做到以下幾點，但不工作：

<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

你的選擇是不正確。使用替代

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

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

當你正在使用多個類只寫選擇在一起，沒有空格

之間

Answer 2

嘗試了導航欄，因爲這（但正確的jQuery選擇如下所示）

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

您可以同時給多個CSS prorties像下面

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

JQuery CSS