How to show and hide a div using javascript without calling any function?

Question

I want to show and hide a div based on a condition. Please help me do this. This my code:

<script> 
  var shad = '{SUBJECT}';       
  if (shad != "") {
    document.getElementById("subjectr").style.display = 'none';
  } else {
    document.getElementById("subjectr").style.display = 'show';
  }
</script>

<div  id="subjectr">
  sub
  <input type="text" name="subjectr">
</div>

possible duplicate http://stackoverflow.com/questions/21070101/show-hide-div-using-javascript — Kapila Perera, Mar 20 '17 at 10:41
i want to show and hide div without write any function ..it is possible??please correct my above code..@Kapila Perera — heart hacker, Mar 20 '17 at 10:43
`show` is not a valid value of `display` It should be `block` or `inline-block` — Rory McCrossan, Mar 20 '17 at 10:46

Mamun · Accepted Answer · 2018-01-11T08:20:26.973

2

Try the following:

var shad ='SUBJECT';      
if (shad !="") {
  document.getElementById("subjectr").style.display = 'none';
}
else {
  document.getElementById("subjectr").style.display = 'block';
}

sub: <input type="text" name="subjectr" id="subjectr" value='SUBJECT'/>

edited Jan 11 '18 at 08:20

answered Mar 20 '17 at 10:46

Mamun

66,969
9
47
59

score 1 · Answer 2 · answered Mar 20 '17 at 10:46

1

  var shad ='SUBJECT';        
  if (shad != "") {
    document.getElementById("subjectr").style.display = 'none';
  } else {
    document.getElementById("subjectr").style.display = 'block';
  }

answered Mar 20 '17 at 10:46

Tariq Javed

483
3
7

How to show and hide a div using javascript without calling any function?

2 Answers2