Question

我有一个使用以下IS的JQuery手风琴。

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>

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

Answer 1

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

演示here

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

Answer 2

它应该是自动打开的，但你可以像这样以编程方式打开手风琴片：

.accordion（'activate'，index）

所以要打开第一部分，你会做

$（ '＃手风琴'）手风琴（ '激活'，0）;

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

Source

Slide Toggle会自动打开第一项吗？

2 个答案: