jQuery切换首次打开

我想通过在toggle的容器中添加一个额外的类，在页面加载时打开第一个toggle。我怎么做

这是我的切换脚本：

---

问候。

您可以触发事件：

$(".trigger").click(function(){
    $(this).next(".toggle-container").slideToggle();
}).first().click();

请注意，

toggle

方法已被弃用，您可以改用

toggleClass

：

$(".trigger").click(function(){
    $(this).toggleClass('active').next(".toggle-container").slideToggle();
}).first().click();

---

您可以触发事件：

$(".trigger").click(function(){
    $(this).next(".toggle-container").slideToggle();
}).first().click();

请注意，

toggle

方法已被弃用，您可以改用

toggleClass

：

$(".trigger").click(function(){
    $(this).toggleClass('active').next(".toggle-container").slideToggle();
}).first().click();

使用第一个选择器：

$(".trigger:first").next(".toggle-container").slideToggle();

小提琴手：

但是，这不适用于SEO，因为搜索引擎不执行JavaScript。

使用第一个选择器：

$(".trigger:first").next(".toggle-container").slideToggle();

小提琴手：

---

但是，这不适用于SEO，因为搜索引擎不执行JavaScript。

您可以使用以下解决方案：

jQuery(document).ready(function($) {       

    $(".toggle-container").hide(); 
    $(".trigger").toggle(function(){
        $(this).addClass("active");
        }, function () {
        $(this).removeClass("active");
    });
    $(".trigger").click(function(){
        $(this).next(".toggle-container").slideToggle();
    });

    $('.toggle-container').first().show(); 
});
​

这是一本书。

---

不同的是最后一行

$（'.toggle container'）.first（）.show（）显示第一个切换容器。
您可以使用此解决方案：

jQuery(document).ready(function($) {       

    $(".toggle-container").hide(); 
    $(".trigger").toggle(function(){
        $(this).addClass("active");
        }, function () {
        $(this).removeClass("active");
    });
    $(".trigger").click(function(){
        $(this).next(".toggle-container").slideToggle();
    });

    $('.toggle-container').first().show(); 
});
​

$(".trigger:first").trigger("click");

这是一本书。
不同的是最后一行
$（'.toggle container'）.first（）.show（）显示第一个切换容器。
$（“.trigger”）.first（）.click（）或相应地设置第一个块的CSS。
$（“.trigger”）.first（）.click（）或相应地为第一个块设置CSS。
$(".trigger:first").trigger("click");