0

我正在开发一个网站，该网站在主要内容 div 上方的 div 中显示通知（无效的登录详细信息、成功注册等）。通知的显示就像一个魅力，但我也希望用户能够通过单击一个按钮来隐藏通知。

为此，我使用了引导程序中的“折叠”类。然而，这显然是错误的方法，因为 div 并没有完全消失，而是留下一个可见的小笔划。我认为这可能是预期的行为，我根本不应该使用崩溃类。所以现在我的问题是：当单击按钮时，如何巧妙地隐藏带有引导程序的 div？

我目前的代码是：

<div id="notifications_errors" class="hero-unit collapse in">
    <a class="close pull-right" data-toggle="collapse" data-target="#notifications_errors" href="#">&times;</a>
</div>
4

2 回答 2

1

使用 Bootstrap 不会阻止您执行以下操作：

$('#someButton).click(function(event){ $('#someDiv').toggle() })

假设你在你的项目中包含了 jQuery [如果你使用任何 BS js 插件，你应该这样做]。

于 2013-04-23T11:04:30.060 回答
0

尝试将您的内容移动到一个单独的div块中，这很可能是hero-unit该类的 css 与 css 冲突collapse。

<div id="notifications_errors" class="collapse in">**
  <div class="hero-unit">
    <a class="close pull-right" data-toggle="collapse" data-target="#notifications_errors" href="#">&times;</a>
  </div>
</div>

这应该让 .collapse 类的 .height:0 和 overflow:hidden 属性正常工作。（我在尝试使用带有警报格式的折叠时遇到了类似的问题，这为我解决了这个问题）

于 2013-06-14T06:09:32.077 回答