刪除.style.display =「block」中的換行符;

Question

使用此HTML代碼，當我單擊隱藏鏈接時，它隱藏了該塊，但也添加了換行符。如何消除新的/附加的換行符？

謝謝。

function showTop1(){ 
    document.getElementById("top1opener").style.display = "none"; 
    document.getElementById("top1").style.display = "block"; 
} 
function hideTop1(){ 
    document.getElementById("top1").style.display = "none"; 
    document.getElementById("top1opener").style.display = "block"; 
} 

Answer 1

「換行」你介意這是元素是塊和伸展到100％的寬度？

<div id="top1opener" style="background-color:red;" onclick="showTop1()"> 
OPENER CONTENT 
</div> 

<div id="top1" style="background-color:green" onclick="hideTop1()"> 
TOP1 CONTENT 
</div> 

<script> 
function showTop1() { 
    document.getElementById("top1opener").style.display = "none"; 
    document.getElementById("top1").style.display = "inline"; 
} 
function hideTop1() { 
    document.getElementById("top1").style.display = "none"; 
    document.getElementById("top1opener").style.display = "inline"; 
} 
</script> 

是你的意思？此代碼中的元素不會伸展到100％寬度。