Сховати меню java script - javascript, php, jquery, html

Я намагаюся приховати одне з цих випадаючих меню, коли користувач входить або виходить з системи, я використовую $_Session Щоб дізнатися, що користувач увійшов у систему. Щось не так з моїм JavaScript. Сподіваюся, що хтось може допомогти. Ось мій код:

Два випадаючих меню, які я хочу приховати / показати:

<li class="dropdown" id="account" >
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
Account
<b class="caret"></b>
</a>
<ul class="dropdown-menu" >
<li><a href="#">Login</a></li>
<li class="divider"></li>
<li><a href="#">Register</a></li>
</ul>

<li class="dropdown" id="user">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<?php
if(isset($_SESSION["username"])) {
echo " ".htmlentities($_SESSION["username"], ENT_QUOTES, "utf-8");
}
?>
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href="#">Profile</a></li>
<li><a href="#">Messages</a></li>
<li class="divider"></li>
<li><a href="#">Logout</a></li>
</ul>

А ось мій код JavaScript:

<script type="text/javascript">

if (isset($_SESSION["username"])) {
$("#user").show();
$("#account").hide();
} else {
$("#user").hide();
}

</script>

Відповіді:

Ви можете використовувати PHP для включення класу на div, який ви хочете, щоб вам не знадобилося javascript і / або jQuery

<li class="dropdown <?php if(isset($_SESSION["username"])){echo "notvisible";} ?>" id="account" >

І використовуйте клас з CSS для встановлення

.notvisible { display:none; }

Ви також можете використовувати .toggleclass () або інші засоби приховування / показу меню, якщо хочете.

Іншим способом буде відображення потрібного меню з PHP, наприклад:

<?php
if(isset($_SESSION["username"])) {
echo "<li class="dropdown" id="account>"" >>> and whatever you want
} else {
echo "<li class="dropdown" id="account">" Hello user".$_SESSION["username"]."And whatever else"
}
?>