根据用户角色隐藏导航栏

Question

大家好，我尝试根据用户角色制作三个不同的导航栏。 我只希望根据访客、用户或管理员来显示其中一个导航栏。 现在我只想根据 x=1 显示不同的导航栏（se js 代码）。

有人能帮我吗？ 我现在已经厌倦了一切。 但它只是行不通。 我不擅长编程，所以请不要让它变得复杂。

Javascript file
x = 1

if (x==0) {
    (#alle).show;
} else {
    ("#all").hide;
}

if (x==0){
    ("#user").show;
} else {
    ("#user").hide;
}

if (x==101){
    ("#admin").show;
} else {
    ("#admin").hide;
}

Answer 1

利用

document.querySelector('#all').style.display = 'none';

没有像 jQuery 那样的内置方法 .hide( .hide()或.show() 。

Answer 2

如果我理解你是正确的，那么这就是你必须做的：

x = 0;

//Check role, could also do this in switch statement. 
//But for now like this since it might be easyer to understand. 
//Probably if you copy paste this it wont work but I think this part is needed.
if (user == guest) {
   x = 0;
} else if (user == user) {
   x = 1;
} else if (user == admin) {
   x = 2;
}


//Guest
if (x==0) {
    (#alle).show;
} else {
    ("#alle").hide;
}

//user
if (x==1){
    ("#user").show;
} else {
    ("#user").hide;
}

//Admin
if (x==2){
    ("#admin").show;
} else {
    ("#admin").hide;
}