Почему эта функция не работает?

Question

Когда я нажимаю «тест» на кадр изменяется, но когда я нажимаю его снова оно не изменить размер обратно к исходному размеру

function dropdownResize(){ 

var down = 0; 

     if(down == 0){ 
       parent.document.getElementById('frameMain').rows = '84,84,*'; 
       down = 1; 
      } 
     else{ 
       parent.document.getElementById('frameMain').rows = '84,30,*'; 
       down = 0; 
      } 


    } 

<a onclick="dropdownResize()"> test</a> 

Answer 1

Это не работает, потому что down это определяется в пределах функции dropdownResize(). Когда функция вызывается, down сбрасывается на 0 каждый раз снова.

Что вы должны сделать:(обратите внимание, что это прямой ответ на ваш вопрос, и вы, вероятно, следует узнать больше о variable scope для того, чтобы предотвратить глобальные переменные как можно больше)

var down = 0; 
function dropdownResize(){ 
     if(down == 0){ 
       parent.document.getElementById('frameMain').rows = '84,84,*'; 
       down = 1; 
      } 
     else{ 
       parent.document.getElementById('frameMain').rows = '84,30,*'; 
       down = 0; 
      } 
    } 

Answer 2

Я думаю, что вниз местный переменная и будет установлена ​​в 0 при каждом вызове функции.

Answer 3

попробовать:

var down = 0; 

function dropdownResize(){ 

     if(down == 0){ 
       parent.document.getElementById('frameMain').rows = '84,84,*'; 
       down = 1; 
      } 
     else{ 
       parent.document.getElementById('frameMain').rows = '84,30,*'; 
       down = 0; 
      } 


    }