Question

我在这里遇到了一些麻烦，希望有人能给我一些关于我做错的提示。主div中的对象是隐藏的，当我单击辅助div中的按钮时，我需要它显示。单击按钮后，我将辅助div“关闭”，但我似乎无法弄清楚如何使“已检查”对象显示。

这是HTML：

<div class="separate">
  <div class="main">
    <h1>Mechanical Room</h1>
    <object class="checked"></object>
  </div>
  <div class="secondary">
    <div class="heading">
      <h2>Mechanical Room</h2>
      <button class="check-in">Check In</button>
      <object></object>
    </div>
  </div>
</div>

这是我的jQuery代码：

$(document).ready(function() {
$(".check-in").click(function () {
    $(this).closest(".separate").children(".secondary").fadeOut(200);
    $(this).closest(".separate").children(".main").find("object").show();
});
});

Answer 1

我的小提琴工作正常。

你设计了你的物体吗？

你确定它最初是隐藏的吗？

$("object").hide();

我添加了[THE OBJECT]因为它的内容可以看到它。

<object class="checked">[THE OBJECT]</object>

演示：http://jsfiddle.net/u6x84/

Answer 2

如果您的div设置为可见性隐藏，则show（）方法将不会显示demo

您需要先设置.css('visibility','visible');。

$(document).ready(function() {
$(".check-in").click(function () {
    $(this).closest(".separate").children(".secondary").fadeOut(200);
    $(this).closest(".separate").children(".main").find("object").css('visibility','visible');
});
});

显示来自另一个div的隐藏对象

2 个答案: