jQuery显示/隐藏不起作用

我有一个带有一些 JS 和 CSS 的基本 html 页面：

 $('.expand').click(function() {
  $('.img_display_content').show();
});

 @charset "utf-8";

/* CSS Document */

.wrap {
  margin-left: auto;
  margin-right: auto;
  width: 40%;
}

.img_display_header {
  height: 20px;
  background-color: #CCC;
  display: block;
  border: #333 solid 1px;
  margin-bottom: 2px;
}

.expand {
  float: right;
  height: 100%;
  padding-right: 5px;
  cursor: pointer;
}

.img_display_content {
  width: 100%;
  height: 100px;
  background-color: #0F3;
  margin-top: -2px;
  display: none;
}

 <html>

<head>
  <link href="beta.css" rel="stylesheet" type="text/css" />
  <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
</head>

<body>
  <div class="wrap">
    <div class="img_display_header">
      <div class="expand">+</div>
    </div>
    <div class="img_display_content"></div>
  </div>
  </div>
</body>

</html>

单击 div 类 expand 什么都不做…我也尝试从 jQuery 网站复制/粘贴示例代码，但它也没有工作。谁能帮我解决这个问题？

原文由 Andras Mohacsi 发布，翻译遵循 CC BY-SA 4.0 许可协议

阅读 513

$(document).ready(function(){ $( '.expand' ).click(function() { if($( '.img_display_content' ).is(":visible")){ $( '.img_display_content' ).hide(); } else{ $( '.img_display_content' ).show(); } }); });

.wrap { margin-left:auto; margin-right:auto; width:40%; } .img_display_header { height:20px; background-color:#CCC; display:block; border:#333 solid 1px; margin-bottom: 2px; } .expand { float:right; height: 100%; padding-right:5px; cursor:pointer; } .img_display_content { width: 100%; height:100px; background-color:#0F3; margin-top: -2px; display:none; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="wrap"> <div class="img_display_header"> <div class="expand">+</div> </div> <div class="img_display_content"></div> </div> </div>

jQuery显示/隐藏不起作用

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

为什么在谷歌浏览器中 'a' == ['a'] 返回 true？

vue项目如何在初始化之前跳转外部页面？

js如何控制移动端overflow:scroll容器滑动的最大速度？

前端代码更新如何通知用户刷新页面？

纯css如何绘制一个无背景色有边框色，带有文字的倒等腰梯形？

css布局怎么保证右边一直在可视范围内？

Stack Overflow 翻译