使用 jquery 的手风琴答案

【问题标题】：Accordion using jquery使用 jquery 的手风琴
【发布时间】：2010-01-12 14:49:18
【问题描述】：

如何隐藏使用 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();

 });

需求：

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

例子：

在我的示例中，手风琴内部有三个面板。只有我想向用户展示其中的两个。如何做到这一点？

【问题讨论】：

标签： jquery-ui-accordion

【解决方案1】：

不确定这是否是您的意思，但要允许折叠折叠面板，您需要将折叠折叠属性设置为 true。如果您希望所有面板最初都折叠起来，那么您最初也需要将 active 属性设置为 false。 jQuery Accordion documentation 有一个完整的例子来说明如何做到这一点。

例如

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

【讨论】：

谢谢 - 这很优雅！

【解决方案2】：

找到你的 DOM 元素并调用 hide 函数。

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

【讨论】：

【解决方案3】：

您的错误是由于您的文件顺序错误造成的。 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>

就隐藏面板而言，首先查看上述修复是否消除了您的错误，然后编辑您的问题以提供更多您想要的细节。

【讨论】：