how to hide div tag using javascript with an If condition

Question

I want to hide a div tag after checking If condition. It means I checked session roles with If condition, and then make a javascript to hide a div tag. Can you guys have any code look similar like I want.

<?php
if ($_SESSION['role'] == 'Moderator' || $_SESSION['role'] == 'Editor') {
?>
<script type="text/javascript">
 
---code hidden div tag here

</script>
<?php }?>

something like this, because I don't want these roles "Moderator, Editor" see or do action on the div tag I want. Can you guys help me out. Thank you!

Does it help? w3schools.com/howto/howto_js_toggle_hide_show.asp — ikhvjs
– ikhvjs, Commented Apr 9, 2021 at 7:03
You don't need to use javascript because you don't want to toggle, you just don't want it to exist for these roles. Just use the condition on the part where you output the div and output them or not. — imposterSyndrome
– imposterSyndrome, Commented Apr 9, 2021 at 7:17

Murray O'Brien · Accepted Answer · 2021-04-09 07:43:02Z

1

The JS code would be like this:

//Get the div
    var mydiv = document.getElementById("myDIV");
//Set display to none
    mydiv.style.display = "none";

You can also do this without JavaScript like this:

<?php
if ($_SESSION['role'] == 'Moderator' || $_SESSION['role'] == 'Editor') {
?>
  <div id="myDiv"></div>
<?php }?>

Place the div between the php if-statement

edited Apr 9, 2021 at 7:43

answered Apr 9, 2021 at 7:32

Murray O'Brien

471 silver badge11 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to hide div tag using javascript with an If condition

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related