代码之家 › 专栏 › 技术社区 › CountZero

滑动切换自动打开第一个项目?

jquery javascript

CountZero · 技术社区 · 15 年前

我有AjQuery Accordian,使用以下JS。

function initMenu() {
  $('#accordion ul').hide();
  $('#accordion li a').click(
    function() {
        $(this).next().slideToggle('normal');
      }
    );
  }
$(document).ready(function() {initMenu();});

以及下面的HTML

 <ul id="accordion">
            <li><a class="firstheading" href="#">Making words work</a>
                <ul class="panelContent">
                    <li>
                        <p>IPSUM</p>
                    </li>
                </ul>
            </li>
            <li><a class="heading" href="#">Full business-writing services</a>
                <ul class="panelContent">
                    <li>
                        <p>IPSUM<p>
                    </li>
                </ul>
            </li>
        </ul>

有人能告诉我如何确保加载页面时打开第一个项目吗?

2 回复 | 直到 13 年前

redsquare 15 年前

您可以使用gt选择器指定索引大于零的ul,因此每个ul(第一个除外)。

演示 here

function initMenu() {
  $('#accordion ul:gt(0)').hide();
  $('#accordion li a').click(
    function() {
        $(this).next().slideToggle('normal');
      }
    );
  }
$(document).ready(function() {initMenu();});

Sneakyness 15 年前

它应该是自动打开的,但是您可以像这样以编程方式打开手风琴:

.accordion(“激活”,索引)

所以要打开第一个部分,您需要

$('accordion').accordion('激活',0);

您可以将其放入文档就绪函数中。请注意,也可以使用选择器代替数字,它表示从0开始的每个部分。

Source

推荐文章

Newbie_Coder · 如何使用Jquery无画布裁剪框架

1 年前

usman610 · Javascript代码在点击回车键和点击按钮时删除行

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Carly · 在页面加载时滑入div,然后单击以滑入和滑出(jQuery)

1 年前

Community wiki · jquery弹出窗口不会用按键关闭,但会点击

1 年前

Community wiki · Smarty IE9请求下载index.php文件(在上传未发生后)?是我的代码出错还是activecollab?

2 年前

Community wiki · 无法从jquery文档调用函数

2 年前

marzouk najib · Uncaught ReferenceError:未定义FullCalendar

2 年前

Pepe · 检查“data”属性是否包含输入值的一部分(jQuery)

2 年前

laurence keith albano · 如何使用Jquery在父类内添加子父类

2 年前