Javascript com Variavel e condição

[André Wielki 6]

Olá, tenho uma função no javascript que se a variavel estiver com valor = 1 tem que fazer uma coisa, e se nao estiver com o valor então tem que fazer outra coisa.

 

Acontece que o código sempre detecta que a variavel não esta com o valor igual a 1, ou seja a condição sempre retorna Verdadeiro e nunca cai no else.

 

O que eu preciso é que na hora de clicar no link entao mostra um div, e quando clicar denovo em cima dele, vai fechar o div.

 

Segue meu código javascript:

/* JS SESSAO
-------------------------------------------- */
function MENU_OPENCLOSE() {
if (TR != 1) {
document.getElementById("JS-Sessao").style.display = "block";
document.getElementById("menu-sessao").style.fontWeight = "bold";
var TR = 1;
}else {
document.getElementById("JS-Sessao").style.display = "none";
document.getElementById("menu-sessao").style.fontWeight = "normal";
var TR = 0;
}
}

Segue o código Html:

<div id = "menu-sessao" onclick="MENU_OPENCLOSE()" class="help-text fr <?php if (isset($page)) { if ($page=="sessao"){?> active <?php } }?>"><a href="#">MAIN MENU</a></div>

 

Então, sempre aparece o DIV de id "menu-sessao" quando eu clico em cima da palavra MAIN MENU, mas eu nao consigo fechar ele quando clico denovo em cima.

[William Bruno 1501]

A sua variavel de controle TR precisa ter escopo global.

var TR = 0;
function MENU_OPENCLOSE() {
  if (TR != 1) {
    document.getElementById("JS-Sessao").style.display = "block";
    document.getElementById("menu-sessao").style.fontWeight = "bold";
    TR = 1;
  } else {
    document.getElementById("JS-Sessao").style.display = "none";
    document.getElementById("menu-sessao").style.fontWeight = "normal";
    TR = 0;
  }
}