如何从用户隐藏导航栏上的项目？

Question

    This is my items on navbar

               <div class="form-group">
                    <a class="navbar-brand1" href="#">User Accounts</a>
                </div>
                <div class="form-group">
                    <a class="navbar-brand1" href="#">Lecture</a>
                </div>
                <div class="form-group">
                    <a class="navbar-brand1" href="#">Quiz</a>
                </div>
                <div class="form-group">
                    <a class="navbar-brand1" href="#">Record</a>
                </div>

如果学生登录，我想隐藏“用户帐户”项目，另一方面，如果管理员登录，则隐藏“讲座和测验”项目。我已经具有user_type“student”和“admin”的登录功能。谢谢！

Answer 1

使用这个java脚本函数：

 function usersetting(usertype)
    {
        if(usertype== "student") {
                 $(".form-group a").each(function() {
                     if($(this).text()=="User Account"){
                         $(this).parent().hide();
                         }
                     else {  
                         $(this).parent().show();
                     }
                 });
        }
        else if(usertype== "admin") {
      $(".form-group a").each(function() {
                     if($(this).text()=="Lecture and Quiz") {
                         $(this).parent().hide();
                     }
                     else {  
                         $(this).parent().show();
                     }
                 });
        }
    }