Question

我有一个简单的＆＃34;显示/隐藏＆＃34;隐藏或显示内容的按钮。但是，在我的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的初始状态）

Rails javascript仅适用于双击，如何修复？

1 个答案: