Javascript 登录后显示的下拉菜单

好的，我想在他们登录前隐藏一个下拉菜单，我想在登录后显示下拉菜单。 这是html代码，但我不知道如何使用函数实现这一点

非常感谢你的帮助

<ul class="nav navbar-nav navbar-right">
<div>
<li class="login" style="display: none;">
<a href="longsteamloginlinknothingimportant">
    <img src="http://cdn.steamcommunity.com/public/images/signinthroughsteam/sits_small.png">
                    </a>
                </li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
    <img height="15" img src="" alt="profile-avatar">
      <b class="caret"></b>
  </a>
     <ul class="dropdown-menu">
          <li><a href="/"><i class="fa fa-cog"></i> Account Settings <span class="badge badge-danger"> COMING SOON </span></a></li>
          <li><a href="/"><i class="fa fa-bar-chart"></i> Jackpot Stats<span class="badge badge-danger"> COMING SOON </span></a></li>
       <li class="divider"></li>
          <li class="dropdown-header">Account Balance</li>
          <li><a href="/skins/deposit"><i class="fa fa-download"></i> Deposit <span class="badge badge-danger"> COMING SOON </span></a></li>
       <li class="divider"></li>
          <li class="dropdown-header">History</li>
       <li class="divider"></li>
       <li><a href="php/SteamAuthentication/steamauth/logout.php"><i class="fa fa-power-off"></i> Logout</a></li>
    </ul>
   </li>
  </div>
 </div>
</ul>

账户余额


历史记录

简单，成功登录后创建会话。并制定会话的条件。范例

if(isset($_SESSION['anyname']))
{
  // put all dropdown code here
}

---

您可以使用CSS，一旦登录值为true，将下拉菜单设置为“可见”。最初将其设置为false。

如果希望使用PHP有条件地显示某些HTML，可以将其包装在PHP条件子句中，如下所示：

<?php if (isLoggedIn()) { ?>
<!-- Your dropdown menu HTML here -->
<?php } ?>

或者，这可能是一个更好的长期选择，如果你正在构建一些非平凡的东西，你可以使用一个模板引擎来呈现你的HTML。在Twig中，您的HTML可能看起来像这样：

{% if isLoggedIn %}
<!-- Your dropdown menu HTML here -->
{% endif %}

{%if isLoggedIn%}
{%endif%}