Question

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

 });

需要：

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

示例：

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

Answer 1

不确定这是不是您的意思，但要允许折叠折叠式面板，您需要将accordion collapsible属性设置为true。如果您希望最初折叠所有面板，那么您最初也需要将active属性设置为false。 jQuery Accordion documentation有一个关于如何执行此操作的完整示例。

例如

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

Answer 2

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

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

Answer 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>

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

手风琴使用jquery

3 个答案: