3

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

 });

需求：

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

例子：

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

4

3 回答 3

2

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

例如

$(document).ready(function(){
  $("#accordion").accordion( { active: false, collapsible: true });
});
于 2010-01-11T12:22:52.313 回答
1

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

$("#myElementInsideAccordian").hide();
于 2010-01-11T12:28:37.827 回答
1

您的错误是由于您的文件顺序错误而引起的。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-12T06:27:19.137 回答