从 .style.display 中删除换行符 = "block" ;

Question

使用此html代码，当我单击" hide链接"时，它会隐藏块，但还添加了线条feed。如何消除新的/附加线供稿？

谢谢。

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

" fine feed"你觉得元素是块并延伸至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％宽度。