顯示：隱藏和屏蔽

-1

我正在嘗試在1頁上登錄/創建帳戶，將其疊放在彼此的頂部。但是，當你點擊「登錄」或「創建賬戶」按鈕時，它必須隱藏對方。顯示：隱藏和屏蔽

到目前爲止，我已經嘗試過，沒有成功。

<script> 
     var toggle = function() { 
     var mydiv1 = document.getElementById('leftContent'); 
     var mydiv3 = document.getElementById('leftTitle'); 

      mydiv2.style.display = 'hidden'; 
      mydiv4.style.display = 'hidden'; 
      mydiv3.style.display = 'block'; 
      mydiv1.style.display = 'block'; 
     } 

     var toggle2 = function() { 
     var mydiv2 = document.getElementById('leftContent2'); 
     var mydiv4 = document.getElementById('leftTitle2'); 

      mydiv2.style.display = 'block'; 
      mydiv4.style.display = 'block'; 
      mydiv3.style.display = 'hidden'; 
      mydiv1.style.display = 'hidden'; 
     } 
    </script>

的mydivs等於4個格與每個受試者的2 「登錄」 & 「創建賬戶」。你會說，爲什麼4而不是2，這是因爲他們上面的標題也有2個不同的div。

我希望你們能幫助我:) 我不介意嘗試完全不同的東西，但我希望遠離jquery，並保持它@只是純js。

來源

2014-02-20 Kheera

或者它應該是'visibility：hidden;'或'display：none;' –

兩者完全不同，'hidden'會保留文檔流中'visibility：hidden;'元素的空間，而'display：none;'不會 –

使用display:none 或

style.display = 'none'

然後，它會得到工作！

來源

2014-02-20 19:41:49

顯示：隱藏和屏蔽

回答

相關問題