保持活動菜單項突出顯示

Question

我該如何製作，以便在菜單中單擊的項目保持突出顯示藍色。所以基本上是活動的菜單項。

Fiddle

我使用CSS積極嘗試，但即時通訊思想我需要的JavaScript或東西。

#cssmenu > ul li > a:active, #cssmenu > ul li:active > a { 
    color: #ffffff; 
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); 
    background: #54cdf1; 
    background: -webkit-linear-gradient(#72d4f2, #54cdf1); 
    background: -moz-linear-gradient(#72d4f2, #54cdf1); 
    background: linear-gradient(#72d4f2, #54cdf1); 
    border-color: transparent; 
} 

Answer 1

你需要一些JS。

$(document).ready(function() { 
    $("#cssmenu li").on("click", function() { 
     $("#cssmenu li").removeClass("active"); 
     $(this).addClass("active"); 
    }); 
}); 

然後只是樣式#cssmenu li.active你想在你的CSS的方式。