7

次のコードを使用して、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');" を使用しています

私が気に入らない部分は、これにより、ページの読み込み時にデフォルトで表示されることです。表示されるように切り替えられるまで、デフォルトで非表示にするにはどうすればよいですか? 可能であれば、同じ JavaScript ブロックでこれを行いたいと思います。シンプルなほど良い。

一度に 2 つの div の表示を切り替えるにはどうすればよいですか? それらを切り替えるには。

4

5 に答える 5

2

これを試して

  <!DOCTYPE html>
    <html>
    <body>
    <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>
    <a href="#" onclick="toggle_visibility('foo');">Click here to toggle visibility of element #foo</a>
    <div id="foo" style="display:none">toggle visibility.</div>


    </body>
    </html>
于 2013-10-03T15:44:39.607 に答える