javascript - 当 jquery 显示另一个 div 时,我如何隐藏一个 div?

标签 javascript jquery html css

我希望当点击激活 element2 div 时,该元素应该消失。并且 element2 div 不应该出现在开头。

$(".toggle").click(function() {
  $(".element2").toggle();
});


$(".close").click(function() {
  $(".element2").hide();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="element">
  Element 1
  <div class="toggle">
    toggle
  </div>
  <div class="element2">
    Element 2 
    <div class="close">close Element 2</div>
  </div>
</div>

最佳答案

添加 display none 从头开始​​隐藏元素:

<div class="element2" style="display:none">

你的代码的其余部分似乎在做它应该做的,除非我误解“我希望当点击激活 element2 div 时,元素应该消失”......这是完全可能的。

关于javascript - 当 jquery 显示另一个 div 时,我如何隐藏一个 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49545380/

相关文章:

javascript - 如果不需要 Ajax,如何从 promise 中返回?

javascript - Javascript 中的嵌套有限制吗?插画家中的 ("Error 21: Undefined is not an object")

jquery - Python数据库动态可视化

javascript - jQuery 计算具有值的输入字段的数量

jquery - Bootstrap 选择位置显示刻度

javascript - 如何在选择器中指定前一个元素的属性?

javascript - Angular.js 停止执行(可能是一般 JavaScript 错误)

jquery - 风格第一 <TD> 下行 w/certain class

javascript - 使用 angular 2 [formControl] 验证 *ngFor 使用的表单

css - 将 <p> 限制在带有 CSS 的 Angular <div> 的边界(附加 JSFiddle 链接)