使用jquery的手风琴

如何隐藏使用JQuery创建的手风琴内的面板？使用jquery的手风琴

js文件：

<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript" src="jquery-1.3.2.min.js"></script> 
<script type="text/javascript" src="ui.core.js"></script> 
<script type="text/javascript" src="ui.accordion.js"></script>

代码：

jQuery(document).ready(function() { 

$(document).ready(function() { 

    $("#accordion").accordion(); 

});

需求：

根据用户登录类型的面板应隐藏（包括标题）。

实施例：

在我的例子有手风琴内的三个面板。只有我想向用户展示其中两个。如何实现这一目标？

来源

2010-01-11 Geeth

找到你的DOM元素，并调用隐藏功能。

$("#myElementInsideAccordian").hide();

来源

2010-01-11 12:28:37 Krunal

谢谢你的工作 – Geeth 2010-01-12 07:22:40

我喜欢为你们俩提供答案。但... – Geeth 2010-01-12 07:23:14

不确定这是否是您的意思，但要允许折叠手风琴面板，您需要将手风琴可折叠属性设置为true。如果你想让所有的面板最初被折叠，那么你最初也需要将active属性设置为false。 jQuery Accordion documentation有一个关于如何做到这一点的完整例子。

如

$(document).ready(function(){ 
    $("#accordion").accordion({ active: false, collapsible: true }); 
});

来源

2010-01-11 12:22:52

谢谢 - 这是非常优雅的！ – Tabrez 2012-08-06 23:11:36

您的错误是由于您的文件顺序错误造成的。 core有来手风琴文件之前：

<script type="text/javascript" src="jquery-1.3.2.min.js"></script> 
<script type="text/javascript" src="ui.core.js"></script> 
<script type="text/javascript" src="ui.accordion.js"></script>

至于隐藏面板得好，先看看上述修复摆脱你的错误，然后编辑你的问题，以提供更多的细节到你想要的东西。

来源

2010-01-12 06:27:19

谢谢。现在它的工作。 – Geeth 2010-01-12 06:43:54

使用jquery的手风琴

回答

相关问题