javascript - Hiding menu java script -


i trying hide 1 of drop down menu when user log-in or log-out, use $_session know if user logged in. wrong javascript. hope help. !!here code:

the 2 drop down menu want hide/show:

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

and here javascript code:

<script type="text/javascript">      if (isset($_session['username'])) {          $('#user').show();         $('#account').hide();     } else {         $('#user').hide();     }  </script> 

you can use php include class on div want way might not need javascript and/or jquery

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

and use class css set

.notvisible { display:none; } 

you can use .toggleclass() or other means of hiding/showing menu afterward if want.

another way echo menu want php eg:

<?php     if(isset($_session['username'])) {         echo "<li class=\"dropdown\" id=\"account>\"" >>> , whatever want     } else {         echo "<li class=\"dropdown\" id=\"account\">" hello user".$_session['username']."and whatever else"     } ?> 

Comments

Popular posts from this blog

c# - Validate object ID from GET to POST -

node.js - Custom Model Validator SailsJS -

php - Find a regex to take part of Email -