单击功能仅适用于第二次单击

Question

Wordpress/Woocommerce在构建中有以下代码。问题是该按钮仅在第二次单击时有效。需要这个在第一次点击时工作，我的代码有什么问题？// Add button to hide Personalisationadd_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>