ログインする必要があるマスターページのasp.netのCSSサブメニューを非表示にする方法は？

Question

私はメニューとサブメニュー付きのマスターページを持っています。ユーザーが自分のWebサイトを開いたときにサブメニュー名Equipment Listを非表示にしたいユーザーがログインしたら、Equipment Listメニューを表示します。誰も私がそれを手助けすることはできますか？

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

• あなたはコードブロックを内蔵されたどのようなフォーム認証

使用Embedded Code Block

<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>