javascript - Rails javascript 仅适用于双击，如何解决？

Question

我有一个简单的“显示/隐藏”按钮，可以隐藏或显示内容。然而，在我的 Rails 应用程序中，它只有在单击两次后才起作用。我想让它只需要一次点击。

application.js

//= require jquery_ujs
//= require tinymce-jquery
//= require_tree .

function showhide(){
  var div = document.getElementById("correct_answer_choice");
  if (div.style.display !== "none") {
    div.style.display = "none";
  }
  else {
    div.style.display = "block";
  }
}

Answer 1

我可以看到你已经安装了 jQuery。如果您不反对使用 jQuery，更简单的方法是使用 toggle 方法:

function showhide(){
  $("#correct_answer_choice").toggle();
}

切换方法尝试确保如果它在调用函数之前是可见的，那么它将隐藏它，如果它是隐藏的那么它将显示。

如果这不能解决您的问题，那么我可能需要更多信息(例如，您如何监听点击以及 HTML 的初始状态是什么)