0

次のコードを使用して、div 領域の表示を切り替えています。

 <script type="text/javascript">
function toggle_visibility(id) {
var e = document.getElementById(id);
if(e.style.display == 'block')
  e.style.display = 'none';
else
  e.style.display = 'block';
}
 </script>

それを切り替えるために、私は使用しています：

onclick="toggle_visibility('id_of_element_to_toggle');"

一度に 2 つの div の表示を切り替えるにはどうすればよいですか? それらを切り替えさせたい。方法は単純であるほどよい。

より詳しい情報：

私は運が悪い。これが私のコードです：

<a href="#id" onclick="toggle_visibility(['id', 'callgraph']);">Change Payment Method</a>

<script type="text/javascript">
   function toggle_visibility(id, callgraph) {  
   var e = document.getElementById(id);
   var e2 = document.getElementById(callgraph);
   if(e.style.display == 'block')                   
      e.style.display = 'none';             
      e2.style.display = 'block';
   else
      e.style.display = 'block';            
      e2.style.display = 'none';                    
}                                            
</script>
4

4 に答える 4

2

最も粗い解決策は、それを2回実行することです..（それぞれに1回id）

onclick="toggle_visibility('first-id');toggle_visibility('second-id')"

もう1つは、id値の配列を渡すことです

<script type="text/javascript">
function toggle_visibility(ids) {
    for(i=0,len = ids.length; i < len; i++) {
        var e = document.getElementById(ids[i]);
        if(e.style.display == 'block')
            e.style.display = 'none';
        else
            e.style.display = 'block';
    }
}
 </script>

そして、このように呼び出します

onclick="toggle_visibility(['first-id','second-id']);"
于 2013-10-03T16:48:09.080 に答える