-2

私はこれを機能させる必要があり、アイデアがありません。jquery を使用できません。純粋な javascript/css である必要があります。これの何が問題なのですか？

<a href="#id" onclick="toggle_visibility('id1', 'id2');">Change Payment Method</a>
<div id="id1"><p>test 1</p></div>
<div id="id2" style="display: none"><p>test 2</p></div>

function toggle_visibility(id1, id2) {  
var e = document.getElementById(id1);
var e2 = document.getElementById(id2);
if(e2.style.display == 'block') {                
  e.style.display = 'block';             
  e2.style.display = 'none';
}
else {
  e.style.display = 'none';            
  e2.style.display = 'block';
}              
}
4

3 に答える 3

2

<script>コード サンプルの唯一の問題は、javascript をタグで囲んでいないことです。

例：

<a href="#id" onclick="toggle_visibility('id1', 'id2');">Change Payment Method</a>
<div id="id1"><p>test 1</p></div>
<div id="id2" style="display: none"><p>test 2</p></div>

<script type="text/javascript">
    function toggle_visibility(id1, id2) {  
        var e = document.getElementById(id1);
        var e2 = document.getElementById(id2);
        if(e2.style.display == 'block') {                
            e.style.display = 'block';             
            e2.style.display = 'none';
        }
        else {
            e.style.display = 'none';            
            e2.style.display = 'block';
        }              
    } 
</script>
于 2013-10-03T18:47:25.257 に答える
1

それはちょうど動作します！ブラウザで試してみた

<html>
    <head>
        <title></title>
    </head>
    <body>
        <a href="#id" onclick="toggle_visibility('id1', 'id2');">Change Payment Method</a>
        <div id="id1"><p>test 1</p></div>
        <div id="id2" style="display: none"><p>test 2</p></div>

        <script type="text/javascript">
            function toggle_visibility(id1, id2) {  
                var e = document.getElementById(id1);
                var e2 = document.getElementById(id2);
                if(e2.style.display == 'block') {                
                    e.style.display = 'block';             
                    e2.style.display = 'none';
                 }
                 else {
                     e.style.display = 'none';            
                     e2.style.display = 'block';
                 }              
             }
         </script>
    </body>
</html>
于 2013-10-03T19:01:29.773 に答える