Question

我尝试在两个功能之间切换按钮，但我无法使其工作。你能告诉我为什么吗？

function a(el) {
  document.getElementById("myNav").style.height = "100%"; 
}

function b(el) {
  document.getElementById("myNav").style.height = "0%";
}

$("menubutton").click(function() { 
  return (this.tog = !this.tog) ? a() : b();
});

它应该打开/关闭导航但它什么都不做：/

Answer 1

您的代码中存在多个错误。无论如何，如果我得到你的要求（即jus切换myNav组件的可见性），并假设menubutton是一个按钮的ID：

$("#menubutton").click(function() {
 $("#myNav").toggle();

});

参见规格： http://api.jquery.com/toggle/

相反，您需要展示功能和组件的隐藏功能，要在其他地方重复使用，您可以使用$("#myNav").show()或$("#myNav").hide()

Answer 2

解释原因会有点长，但我希望它不会与toggleClass一起使用。无论如何，Rory McRossan（我的问题下的第一条评论）发现解决方案只是一个错字。我很确定我尝试过这个解决方案，但我显然没有。谢谢Rory

两个函数之间的切换不起作用

2 个答案: