これらの2つのIDを同時にonclickで表示する方法はありますか？

Question

私はこれらのHTMLコードを持っている：私は、.tooltipにのみ表示され#formをクリックすると

function show(target){ 
    document.getElementById(target).style.display = 'block'; 
} 

function hide(target){ 
    document.getElementById(target).style.display = 'none'; 
}; 

：

<div id="overlay" style="width: 100%; height: 100%; position: fixed; background-color: bisque; z-index: 2; opacity: 0.5; top: 0; display: none"></div> 

<div id="form" style="display: none; z-index: 3"> 

<div class="tooltip" onclick="show('form')" style="cursor: pointer;"><a><i class="fa fa-envelope" aria-hidden="true"></i></a><span class="tooltiptext">Offer Suggestions</span></div> 

と機能を。

#overlayと#formをこの機能のクリックベースに同時に表示させるにはどうすればよいですか？

これは私の最初の投稿です。ご迷惑をおかけして申し訳ありません。代わりに、あなたの関数に、IDとして引数にだけハードコードIDを渡すの

Answer 1

：

<div class="tooltip" onclick="show()" style="cursor: pointer;"><a><i class="fa fa-envelope" aria-hidden="true"></i></a><span class="tooltiptext">Offer Suggestions</span></div>