JavaScript显示/隐藏<div>元素</div>

Question

有一个快速，简单的方法来设置一个按钮，当它被点击时会显示一个隐藏的元素，如果它可见则隐藏它？

Answer 1

如果您的按钮具有（仅适用于此情况）id="RTM"设置，则只需：

$("#RTM").click(function(){$("#some-div").toggle()});

Answer 2

如果您使用的是jQuery，则可以使用toggle方法。来自jQuery documentation：

  

没有参数，.toggle（）方法只是切换元素的可见性

所以，如果你有一个类target的元素，你想要在点击一个按钮（类toggle-btn）时显示/隐藏，那么你会写这样的东西：

$('.toggle-btn').click(function() {
    $('.target').toggle();
});

Answer 3

使用toggle功能。

例如：

$("#buttonid").click(function(){$("#divid").toggle()});