Javascript 当隐藏div开始播放时按下div？

我有一套单选按钮，与一套隐藏的div相连。一旦用javascript点击，他们应该被激活，并显示一个单选按钮div内容，我希望这个div被放置在页面上的一个特定位置，并按下下面的所有内容到底是什么

---

我试图给出我的div属性，比如：overflow:hidden；-但出于某种原因，它对我不起作用？

这是一个使用纯javascript切换元素可见性的示例。您还可以在使用jQuery之类的库的几行代码内完成这项工作

Html:

<button id="btn">Click Me</button>
<div id="hiddenRadio">
<input type="radio" name=radiobtn1 value="1" >one
<input type="radio" name=radiobtn2 value="2" checked>two
</div>

---

您没有发布代码，所以我在这里使用通用示例代码

HTML：

<input type='radio' name='exampleRadio' id='firstRadio'> First 
<input type='radio' name='exampleRadio' id='secondRadio'> Second 
<input type='radio' name='exampleRadio' id='thirdRadio' checked> None

<div id='firstHiddenDiv'>Content Here</div>
<div id='secondHiddenDiv'>More Content Here</div>

<div>Content to be pushed down here</div>

jQuery：

$(document).ready(function() {
  $("#firstRadio").click(function() {
    $("#secondHiddenDiv").hide("slow");
    $("#firstHiddenDiv").show("slow");
  });
  $("#secondRadio").click(function() {
    $("#firstHiddenDiv").hide("slow");
    $("#secondHiddenDiv").show("slow");
  });
  $("#thirdRadio").click(function() {
    $("#firstHiddenDiv, #secondHiddenDiv").hide("slow"); 
  });
});

这个

解释如下：

---

页面加载后，jQuery将在单选按钮上设置事件侦听器。单击一个后，它使用

hide（）

删除应该隐藏的

div

。它使用

show（）

来显示正确的

div

。使用

show（“slow”）

提供动画效果。如果希望效果立即，您可以删除

“slow”

。

请提供一些代码为什么不创建一个JSFIDLE或至少发布您的代码？

#firstHiddenDiv, #secondHiddenDiv { display:none; }

$(document).ready(function() {
  $("#firstRadio").click(function() {
    $("#secondHiddenDiv").hide("slow");
    $("#firstHiddenDiv").show("slow");
  });
  $("#secondRadio").click(function() {
    $("#firstHiddenDiv").hide("slow");
    $("#secondHiddenDiv").show("slow");
  });
  $("#thirdRadio").click(function() {
    $("#firstHiddenDiv, #secondHiddenDiv").hide("slow"); 
  });
});