javascript - 隐藏后如何使 div 可见？

Question

我想让我的图像和文本消失并出现在点击时。虽然它会消失，但一旦我将其隐藏，就无法再使其可见。我该如何解决这个问题？

我的Javascript:

function toggle_visibility(id) {
    var e = document.getElementById(id);
if(e.style.visibility == 'visible')
    e.style.visibility = 'hidden'
else
    e.style.visibility = 'visible'
}

在我的 html 模板中:

<a onclick="toggle_visibility('foo');"/>
    <div id="foo" style="visibility:visible;" >
        <img src="../static/image1.png"   
            style="left:17%;position:fixed;">
        <div class="scrollBox" 
            style="font:12px;height:30%;width:55%;left:17%;position:fixed;overflow:auto;"/>
            <p> text and stuff goes in here </p>

Answer 1

你确实需要;的

另外，您需要点击一些东西。您的 a 标签格式错误。

function toggle_visibility(id) {
    var e = document.getElementById(id);
if(e.style.visibility == 'visible')
    e.style.visibility = 'hidden';
else
    e.style.visibility = 'visible';
}

<a onclick="toggle_visibility('foo');">Click Me</a>
    <div id="foo" style="visibility:visible;" >
        <img src="../static/image1.png"   
            style="left:17%;position:fixed;">
        <div class="scrollBox" 
            style="font:12px;height:30%;width:55%;left:17%;position:fixed;overflow:auto;"/>
            <p> text and stuff goes in here </p>