如何使用jQuery的標誌交換CSS顯示屬性

Question

當用戶點擊一個下拉菜單按鈕（class .drop）時，帶有class .dropdown的div應該爲display: inline;，並且當下拉菜單按鈕被再次點擊時，該div將與class。下拉應display: none;我正在使用標誌功能來實現這個結果，但點擊時它不會做任何事情。它將在沒有國旗的情況下運作。

<script> 
    $(".drop").on('click', function(){ 
     $('.dropdown').css('display', flag ? 'inline' : 'none'); 
    }); 
</script> 

Answer 1

可以在css()

<script> 
    $(".drop").on('click', function(){ 
     $('.dropdown').css('display', function(i,v){return v=='none' ? 'inline' : 'none' }); 
    }); 
</script> 

Answer 2

您可以使用jQuery在不同的CSS類之間切換。但是，您將需要創建兩個類。如果你在兩個不同的類之間切換，你甚至不需要跟蹤標誌特徵（我假設你是指它是否被切換）。

$(".drop").on('click', function(){ 
    $('.dropdown').toggleClass('inline none'); 
}); 

.inline { 
    display: inline; 
} 

.none { 
    display: none; 
} 

什麼.toggleClass()功能確實是特定類添加到元素，如果沒有它，如果它已經是元素的一部分，將其刪除。