如何动态隐藏div

Question

<div id="Answer_3" onClick="Click()">
asdaf</div>
<div id="AnswerContent_3">snfangsdgirngorihniohnothont
</div>
    function Click()
    {
        if (event.srcElement.tagName == "DIV")
        {
            AtomType = ConfirmAtomID();
            AtomOrder = ConfirmAtomOrder();
            
            contentTag = AtomType + "Content_" + AtomOrder;
            debugger;
            var string = document;
            if (contentTag.style.visibility == "hidden")
            {
                contentTag.style.visibility = "visible";
            }
            else
            {
                contentTag.style.visibility == "hidden";
            }
        }
    }
    function ConfirmAtomID()
    {
        var selectAtomTag = event.srcElement.id;
        
        if (selectAtomTag.indexOf("Answer") != -1)
        {
            return "Answer";
        } 
        else if (selectAtomTag.indexOf("Knowledge") != -1)
        {
            return "Knowledge";
        }
        else if (selectAtomTag.indexOf("Files") != -1)
        {
            return "Files";
        }
        else if (selectAtomTag.indexOf("DeptExperience") != -1)
        {
            return "DeptExperience";
        }
        else if (selectAtomTag.indexOf("PerExperience") != -1)
        {
            return "PerExperience";
        }
    }
    
    function ConfirmAtomOrder()
    {
        var selectAtomTag = event.srcElement.id;
        
        order = selectAtomTag.slice(selectAtomTag.indexOf("_")+1, selectAtomTag.length);
        
        return order;
    }
div代码是后台C#代码动态添加的，contentTag是动态获取的div的ID，但是却没有办法让DIV显示或隐藏
请达人提供一个解决方案

Answer 1

document.getElementById("contentTag").style.display="none";//隐藏
   document.getElementById("contentTag").style.display="block";//显示

Answer 2

我想你的讓DIV顯示和隱藏的代碼可能寫錯了。
應該是
document.getElementById('photo').style.display = "block";//顯示
document.getElementById('photo').style.display = "none";//隱藏

Answer 3

好像用css控制吧？
// 隐藏
document.getElementById('div的ID').style.display = "none";
// 显示
document.getElementById('div的ID').style.display = "block";

Answer 4

style.display  不是  visibility 
display 有两个值 block 显示，  none 隐藏

Answer 5

document.getElementById("contentTag").style.display="none";//隐藏 
  document.getElementById("contentTag").style.display="block";//显示 

Answer 6

visibility 是后台的。
style.display才是客户端的

Answer 7

楼主，这么简单的东西，为什么要写的这么复杂：
<div id="Answer_3" onClick="Click(this.id)">asdaf</div>
<div id="AnswerContent_3">snfangsdgirngorihniohnothont</div>如果你的div的id是按编号1,2,3这样生成的，如下：
<script>
function Click(cs)
{
    var ContentId="AnswerContent"+cs.substring("Answer_");
    if(document.getElementById(ContentId).style.display=="none")
        document.getElementById(ContentId).style.display="";
    else
        document.getElementById(ContentId).style.display="none"
}
</script>
如果你的div的id是按编号是固定的,那就更简单了:
<script>
function Click(cs)
{
    if(document.getElementById("AnswerContent_3").style.display=="none")
        document.getElementById("AnswerContent_3").style.display="";
    else
        document.getElementById("AnswerContent_3").style.display="none"
}
</script>

Answer 8

moz:
obj.setAttribute("style", "visibility:hidden;height:0px");ie:
obj.style.visibility = 'hidden';
    obj.style.height = "0px";

Answer 9

倒不是visibility用错了
style.visibility
和style.display都是可以用来隐藏div的,区别在,前者隐藏后还保留一定的物理位置,即如果是一个DIV被隐藏,那一块还是空着的,后面的内容无法缩进,而后者则可以缩进.
因为LZ的DIV是动态添加的所以用后者比较合适.

Answer 10

应该是下面document.getElementById(contentTag).style.display="none";//隐藏 
  document.getElementById(contentTag).style.display="block";//显示 非常感谢大家的热情帮助，问题解决，谢谢！