从.style.display =＆＃34; block＆＃34 ;;删除换行符

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

＆＃34;换行＆＃34;你介意那个元素是块并且拉伸到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％宽度。