Question

父div中有几个子div。我想展示/隐藏一个特定的孩子。

<div id="parent">
    <div id="child0">Text here</div>
    <div id="child1">Text here</div>
</div>

我想鼠标在div id =“parent”上显示hide div id = child0，父div中的其他所有内容保持不变（可见）。

Answer 1

您可以使用CSS完成所有操作。假设这个HTML：

<div id="parent">
    <div id="child0">Child0 Text here</div>
    <div id="child1">Child1 Text here</div>
</div>

您可以添加类似CSS的内容：

#child0 {
   display: none;
}

#parent:hover #child0 {
   display: block;
}

在此处查看此行动：http://jsfiddle.net/QjeUq/

Answer 2

试试这个：

CSS：

.outer_wrapper_class .inner_wrapper_class {
    display: none;
}
.outer_wrapper_class:hover .inner_wrapper_class {
    display: block;
}

HTML：

<div class='outer_wrapper_class'>
    <!-- HOVERABLE CONTENT HERE -->
    <div class='inner_wrapper_class'>
    <!-- HIDE/SHOW CONTENT HERE -->
    </div>
    <!-- HOVERABLE CONTENT CAN ALSO BE HERE -->
</div>

在父div中显示隐藏div

2 个答案: