單擊功能僅適用於第二次單擊

Question

在Wordpress/Woocommerce構建中使用以下代碼。 問題是該按鈕僅適用於第二次點擊。 需要在第一次點擊時使用它，我的代碼有什么問題？

// Add button to hide Personalisation

add_action('woocommerce_single_product_summary', 'custom_text', 29);

function custom_text() {
    print '<button class="personlisation-button" onclick="myFunction()">Add Personalisation</button>';  
}  

// Script to toggle visibility

<script type="text/javascript">
  function myFunction() {
    var x = document.getElementById("wcj_product_addons");
    if (x.style.display === "none") {
      x.style.display = "block";
    } else {
      x.style.display = "none";
    }
  }
</script>

Answer 1

添加對null的檢查會很好。 您可能在頁面上沒有這樣的元素。

 function myFunction() { var x = document.getElementById("demo"); if (x != null && x.style.display === "none") { x.style.display = "block"; } else { x.style.display = "none"; } }

 <button onclick="myFunction()" > Toggle</button > <div id="demo">Hello world</div>