javascript - 多个ID的getElementByID

    function show() {
        if(document.getElementById('intake').style.display=='none') {
            document.getElementById('intake').style.display='block';
        }
        false;
    }
    function hide() {
        if(document.getElementById('intake').style.display=='block') {
            document.getElementById('intake').style.display='none';
        }
        false;
    } 

 <div id="opener"><a href="#1" name="1" onmouseover="show();" onclick="show();" onmouseout="hide();" >click here</a></div>
    <div id="intake" style="display:none;">Text
           <div id="upbutton"><a onmouseout="hide();">click here</a></div>
    </div>


 <div id="opener"><a href="#1" name="2" onmouseover="show();" onclick="show();" onmouseout="hide();" >click here</a></div>
    <div id="intake" style="display:none;">text
           <div id="upbutton"><a onmouseout="hide();">click here</a></div>
    </div> 

我编写了两个函数，我需要它们来获取用户单击过的ID。并显示该信息。我不想为每个ID编写不同的函数，因为我有很多函数。
有人能指出我正确的方向吗？

    function show() {
        if(document.getElementById('this is where all of the divs would go i presume').style.display=='none') {
            document.getElementById('this is where all of the divs would go i presume').style.display='block';
        }
        false;
    } 

我只是想增加整个内容以减轻任何混乱。

最佳答案

做这样的事情：

<div onclick='show(this)'>click me</div>

<script>
    function show(element) {
        if(element.style.display=='none') {
            element.style.display='block';
        }
        return false;
    }
</script>