关键词：
【中文标题】用数据切换属性打开的jQuery关闭div？【英文标题】：Close div with jQuery which opened with data toggle attribute? 【发布时间】：2013-09-02 21:35:43 【问题描述】：我有几个隐藏的 div 使用引导和数据切换打开，我不能显示多个隐藏的 div，所以当打开一个时我希望其他的关闭。
这是我尝试过的 jQuery，但是当 #add-alert-box 关闭时我没有收到警报。我有一个demo in jsfiddle 这可能吗，还是我必须使用 jQuery 而不是数据属性来激活每个隐藏的 div？
jQuery(document).ready(function ($)
$("#add-alert-box").collapse(
toggle: false
)
$('#add-alert-box').on('hide', function ()
alert('test');
console.log('test');
)
);
【问题讨论】：
这里的隐藏事件不会起作用，因为这里的div没有设置为隐藏，而是它的高度改为0px 【参考方案1】：我认为有更好更容易的实现。您应该使用 Jquery ui Accordion。检查这个：http://jqueryui.com/accordion/
【讨论】：
Bootstrap 内置了一个带有父属性的手风琴，可以关闭所有其他打开的 div。【参考方案2】：试试这个方法
<div class="container-fluid">
<div class="row-fluid">
<div class="span8">
<div class="tabs">
<ul class="nav nav-tabs top-nav pull-right" id="tabs">
<li class="top-nav-item" style="visibility:hidden"><a href="javascript:void(0)"><i class="icon-circle-arrow-left icon-white"></i></a></li>
<li style="background-color:white"> <i class="icon-home"></i> </li>
<li class="top-nav-item"><a href="#home" data-toggle="tab"><i class="icon-home icon-white"></i> HOME</a></li>
<li class="top-nav-item"><a href="#showroom" data-toggle="tab"><i class="icon-car icon-white"></i>SHOWROOM</a></li>
<li class="top-nav-item"><a href="#cars" data-toggle="tab">CARS</a></li>
<li style="background-color:white"> </li>
<li class="top-nav-item"><a href="#shortlisted" data-toggle="tab"><i class="icon-ok icon-white"></i> SHORTLISTED</a></li>
<li class="top-nav-item"><a href="#settings" data-toggle="tab"><i class="icon-cog icon-white"></i> SETTINGS</a></li>
</ul>
</div>
</div>
</div>
<div class="row-fluid">
<div class="span12">
<div id="tab-content" class="tab-content">
<div id="home" class="tab-pane">
Home
</div>
<div id="showroom" class="tab-pane">
Showroom
</div>
<div id="cars" class="tab-pane well">
Cars
</div>
<div id="shortlisted" class="tab-pane">
Shortlisted
</div>
<div id="settings" class="tab-pane">
Settings
</div>
</div>
</div>
</div>
</div>
演示http://jsfiddle.net/Zyxjt/1/
【讨论】：
这是选项卡式内容，并不是我真正想要完成的内容【参考方案3】：您可以查看基本的演示和样式并根据您的需要进行着色。
http://jsfiddle.net/76MbN/4/
$(document).ready(function ()
$('.sideContent').hide();
$('.sideHeader').click(function ()
event.preventDefault();
var $slideContent = $(this).next()
var slideDown = $slideContent.is(":not(:visible)");
$('.sideContent').slideUp('fast');
if (slideDown)
$slideContent.slideDown('fast');
);
);
【讨论】：
jQuery Animate 到自动高度，关闭到设置高度
...时间】：2015-05-1116:43:41【问题描述】：我有一个向下滑动切换div，其中包含标题、内容和切换打开按钮。我已经设置了一个小提琴，但div目前完全关闭，阻止你再次打开。我希望div接近的高度是标题的高度。我该如何解决这个问... 查看详情
jQuery 幻灯片一次切换一个 div 而不是全部独立
】jQuery幻灯片一次切换一个div而不是全部独立【英文标题】：jQueryslideToggleonedivatatimeinsteadofallindependently【发布时间】：2011-04-2903:13:44【问题描述】：我正在使用下面的函数来切换div，有了它，任何一个entry-contentdiv都可以独立地... 查看详情
.focus() 在关闭 DOMWindow() [JQuery] 后不起作用
...。啊！！我为DIV添加了tabindex属性，它允许用户从一个DIV切换到 查看详情
滑动切换 |一次只打开一个 div
】滑动切换|一次只打开一个div【英文标题】：SlideToggle|Openonlyonedivatatime【发布时间】：2021-05-1418:26:39【问题描述】：我有一些可折叠的div，当点击标题时，它们会打开或关闭。问题是单击其中一个，也会打开所有其他的，关闭... 查看详情
用jQuery检查一个div是不是有一个具有特定属性的孩子
】用jQuery检查一个div是不是有一个具有特定属性的孩子【英文标题】：CheckwhetheradivhasachildwithacertainattributewithjQuery用jQuery检查一个div是否有一个具有特定属性的孩子【发布时间】：2011-07-0109:16:45【问题描述】：我正在尝试查找语... 查看详情
JQuery 打开/关闭唯一的抽屉
】JQuery打开/关闭唯一的抽屉【英文标题】：JQueryOpen/CloseUniqueDrawers【发布时间】：2013-01-0611:31:18【问题描述】：我正在努力完成对您来说可能很简单的任务。我想要它，所以每次用户单击左侧栏上的一个“患者”时，都会打开一... 查看详情
使用 jquery 的垂直菜单导航（关闭切换）
】使用jquery的垂直菜单导航（关闭切换）【英文标题】：verticalmenunavigationwithjquery(closingtoggle)【发布时间】：2013-04-2811:49:10【问题描述】：我的垂直导航非常适合jQuery。它与URL匹配，因此它在动态站点上保持打开状态，不需要cook... 查看详情
显示accessviolation.错误命令怎么办
...第四步：点击设置之后，显示视觉效果。第五步：切换到数据执行保护，选择为除下列选定程序之外的所有陈旭和服务启用DEP。然后点击添加。第六步：显示打开，将WPS选择好，点击打开。第七步：返回性能选项，切换到数据执... 查看详情
根据 created() 数据打开/关闭多个切换按钮
】根据created()数据打开/关闭多个切换按钮【英文标题】：Switchmultipletogglebuttonson/offbasedoncreated()data【发布时间】：2021-09-1803:54:12【问题描述】：我有多个切换按钮，如果该值存在于我通过created()获得的响应中，则应选择每个切换... 查看详情
往移动硬盘存储数据,导入后打开提示用户没有访问权限
...进行加密处理了，可以格式化后再使用。 参考技术B打开数据提示没有访问权限，有两种办法。一种是下载文件夹加密超级大师，用万能锁功能，对数据解锁，因为权限问题导致的无法访问，解锁之后就可以了。一种是修改数据... 查看详情
用jquery实现隐藏列表表单的显示关闭切换以及ajax方式改动提交相应的那一行的改动内容。
...，大家不要直接复制代码，这样是执行不了的，由于你们数据库和我的不一样，可是你们能够自己读读这个代码。找找对自己实用的，当然我的方法也不是最好的希望大家能够给点意见。感激不尽。（1）点击改动图标（2）填写... 查看详情
Jquery 再次单击时无法关闭 div
...功能的按钮来关闭div。但是当我点击按钮时，它会按预期打开并关闭其他div。但不关闭它会重新打开。这是我的html代码<divclass="rowall-row"><divclass="col-lg-4"> 查看详情
切换 div 并突出显示当前菜单项
】切换div并突出显示当前菜单项【英文标题】：Toggledivsandhighlightmenuitemforcurrent【发布时间】：2015-12-0619:00:12【问题描述】：我想根据单击的菜单项打开/关闭几个div。我还想将“活动”类添加到当前菜单项链接。目前，div会根据... 查看详情
具有多个数据属性的 jQuery 过滤器 div
】具有多个数据属性的jQuery过滤器div【英文标题】：jQueryfilterdivwithmultipledataattributes【发布时间】：2021-07-3112:35:29【问题描述】：我有一个带有2个数据属性的div，我想根据选中的输入框显示/隐藏，但使用我当前的代码，我只能... 查看详情
用jquery的easyui创建窗口之类的对话框，关闭后会清除掉相关dom数据吗？
就是想知道使用js生成的窗口所使用的dom信息会不会只生成不销毁，越来越多。就拿window来说运行的机制是什么样的？创建window后就应该生成dom信息了，然后关闭window，dom信息会删掉吗？打开同一个window会有缓存dom信息吗不会，e... 查看详情
html根据数据属性切换相应的内容容器。需要jquery。(代码片段)
JQuery 切换按钮和手风琴问题
】JQuery切换按钮和手风琴问题【英文标题】：JQueryToggleButtonandAccordionProblem【发布时间】：2010-08-1619:11:09【问题描述】：我有一个“菜单”btn，它应该滑动打开一个带有“手风琴”菜单的div。当我为包含手风琴的div添加值hide()（... 查看详情
iOS中的jquery打开/关闭div背景（不应该）适用于所有桌面浏览器[重复]
】iOS中的jquery打开/关闭div背景（不应该）适用于所有桌面浏览器[重复]【英文标题】：jqueryiniOSturningdivbackgroundon/off(notsupposedto)worksonalldesktopbrowsers[duplicate]【发布时间】：2013-06-1510:05:41【问题描述】：在我正在开发的网站上，我... 查看详情