HTML/CSS 如何关闭菜单然后使用 class="active"

Question

我想关闭菜单，当我访问 URL 时，<li> 应该将他的 class 更改为 class="active" 但是在一开始我想要 class 没有 class="active".

我想知道哪种方法最好 Javascript 或者它可以只用 css。

Answer 1

jQuery

的最佳方式

$(document).ready(function(){
var str=location.href.toLowerCase();
$(".navigation li a").each(function() {
if (str.indexOf(this.href.toLowerCase()) > -1) {
 $("li.active").removeClass("active");
$(this).parent().addClass("active");
}
 });
 })

HTML/CSS 如何关闭菜单然后使用 class="active"

HTML/CSS How to make a menu closed and then use class="active"

html

javascript

css

menu