表示/私は現在、ワードプレスのsingle.php内のdivを非表示にしようとしていますdivのPHPのWordpress

Question

<script type='text/javascript'> 
function showDiv() { 
    if (document.getElementById('hiddenDiv').style.display == 'block') { 
     document.getElementById('hiddenDiv').style.display = 'none'; 
    } else { 
     document.getElementById('hiddenDiv').style.display = 'block'; 
    } 
} 

<div id="hiddenDiv" style="display:none;" class="quiz" > 
    <?php 

    if (basename($_SERVER['REQUEST_URI']) == '?lang=intermediate'): 
     echo do_shortcode(get_post_meta($post->ID, 'intermediate_quiz', true)); 
    elseif (basename($_SERVER['REQUEST_URI']) == '?lang=advanced'): 
     echo do_shortcode(get_post_meta($post->ID, 'advanced_quiz', true)); 
    else: 
     echo do_shortcode(get_post_meta($post->ID, 'beginner_quiz', true) ); 
    endif; 

    ?> 

</div> 
<input type="button" name="answer" value="Show Div" onclick="showDiv()" /> 

を非表示にします。私はそれを隠してボタンを表示することに成功しましたが、ボタンをクリックすると何も表示されない/起こります。

何が起こっているのですか？

Answer 1

私はそれを修正することができました。

スクリプトを「追加のJavaScript」ではなく、divの代わりにsingle.phpに入れました。

マイコード：

<input type="button" name="quiz" value="Take Quiz" onclick="showDiv()" /> 
<div id="quiz" style="display:none;" class="quiz" > 


    <?php 

    if (basename($_SERVER['REQUEST_URI']) == '?lang=intermediate'): 
     echo do_shortcode(get_post_meta($post->ID, 'intermediate_quiz', true)); 
    elseif (basename($_SERVER['REQUEST_URI']) == '?lang=advanced'): 
     echo do_shortcode(get_post_meta($post->ID, 'advanced_quiz', true)); 
    else: 
     echo do_shortcode(get_post_meta($post->ID, 'beginner_quiz', true)); 
    endif; 

    ?> 

</div> 


<script type='text/javascript'> 
function showDiv() { 
if (document.getElementById('quiz').style.display == 'block') { 
    document.getElementById('quiz').style.display = 'none'; 
} else { 
    document.getElementById('quiz').style.display = 'block'; 
} 
} 
</script>