如何在需要用户登录的母版页中的asp.net中隐藏和取消隐藏CSS子菜单？

Question

我有一个带有菜单和子菜单的母版页。 当用户打开我的网站时，我想隐藏子菜单名称“设备列表”。 用户登录后，我要显示“设备列表”菜单。 有人可以帮我吗？

  body { font-family: Arial; font-size: 20px; } #menuwrapper ul { margin-left: 30px; padding: 0; list-style: none; } #submenu ul { margin: 0; } #menuwrapper ul li { background-color: #555555; border-bottom: solid 2px white; width: 200px; height: 40px; cursor: pointer; } #menuwrapper ul li:hover { background-color: #9c9c9c; position: relative; } #menuwrapper ul li a { padding: 5px 15px; color: #ffffff; display: inline-block; text-decoration: none; } #submenu ul { margin: 0; position: absolute; display: none; } #menuwrapper ul li:hover ul { left: 200px; top: 0px; display: block; } #menuwrapper ul li ul li { background-color: #dbdbdb; } #menuwrapper ul li:hover ul li:hover { background-color: #9c9c9c; } #menuwrapper ul li ul li a { color: #555555; display: inline-block; width: 120px; 

 <div id="menuwrapper"> <ul> <li> <i class="fa fa-home" style="font-size:25px; color:white"></i> <a href="Default.aspx">Home</a> </li> <li> <i class="fa fa-wrench" style="font-size:25px; color:white"></i> <a href="#">Equipment List</a> <i class="fa fa-angle-right" style="font-size:25px; color:white"></i> <div id="submenu"> <ul> <li> <i class="fa fa-edit" style="font-size:25px; color:#555555"></i> <a href="LoginNew.aspx">New Form</a> </li> <li> <i class="fa fa-edit" style="font-size:25px; color:#555555"></i> <a href="LoginUpdate.aspx">Update Form</a> </li> <li> <i class="fa fa-trash-o" style="font-size:25px; color:#555555"></i> <a href="LoginDelete.aspx">Delete</a> </li> <li> <i class="fa fa-edit" style="font-size:25px; color:#555555"></i> <a href="tester.aspx">Tester</a> </li> <li> <i class="fa fa-edit" style="font-size:25px; color:#555555"></i> <a href="Asset.aspx">Asset</a> </li> <li> <i class="fa fa-edit" style="font-size:25px; color:#555555"></i> <a href="Iventory.aspx">Iventory</a> </li> </ul> </div> </li> </ul> </div> 

Answer 1

• 假设您正在使用表单身份验证

使用嵌入式代码块

 <li>
  <i class="fa fa-wrench" style="font-size:25px; color:white"></i>
  <a href="#">Equipment List</a>
    <% if (HttpContext.Current.User.Identity.IsAuthenticated ) { %>
      <i class="fa fa-angle-right" style="font-size:25px; color:white"></i>
      <div id="submenu">
        // more HTML here
      </div>
    <% } %>
 </li>