Javascript 如何在页面加载中扩展我的Div？

我尝试了所有与我的查询相关的问题，但找不到正确的解决方案。现在，我通过使用

滑动切换

找到了解决方案。 现在我希望我的all div在页面加载时展开

小提琴演示

下面的代码片段示例

$（'.expand'）。单击（函数（）{
target_num=$（this.attr（'id'）.split（'-'）[1]；
content_id='#可扩展-'.concat（target_num）；
$（content_id）.slideToggle（'fast'）；
});
。展开{
字体大小：粗体；
字体：斜体；
字体大小：12px；
光标：指针；
}
.可扩展{
显示：无；
}
div{
利润率：10px；
}

更多信息1
一,。这是以前隐藏的内容，但现在是。。。嗯，看得见！"

更多信息2
2.这是以前隐藏的内容，但现在…嗯，可见了！”

将您的风格更新为：

.expandable {
    display:block;
}

现在在页面加载时，所有div都已展开，默认情况下
将您的样式更新为：

.expandable {
    display:block;
}

现在，在页面加载时，所有div都会展开，默认情况下，情况1:将
$（“.expandable:first”）.slideToggle（'fast'）已准备好文档。这将在加载时扩展第一个div

请查看下面的代码片段以了解更多信息


$（'.expand'）。单击（函数（）{
target_num=$（this.attr（'id'）.split（'-'）[1]；
content_id='#可扩展-'.concat（target_num）；
$（content_id）.slideToggle（'fast'）；
});
$（文档）.ready（函数（）{
$（“.expandable:first”）.slideToggle（'fast'）；
});
。展开{
字体大小：粗体；
字体：斜体；
字体大小：12px；
光标：指针；
}
.可扩展{
显示：无；
}
div{
利润率：10px；
}

更多信息1
一,。这是以前隐藏的内容，但现在是。。。嗯，看得见！"

更多信息2
2.这是以前隐藏的内容，但现在…嗯，可见了！”

案例1:放置
$（“.expandable:first”）.slideToggle（'fast'）已准备好文档。这将在加载时扩展第一个div

请查看下面的代码片段以了解更多信息


$（'.expand'）。单击（函数（）{
target_num=$（this.attr（'id'）.split（'-'）[1]；
content_id='#可扩展-'.concat（target_num）；
$（content_id）.slideToggle（'fast'）；
});
$（文档）.ready（函数（）{
$（“.expandable:first”）.slideToggle（'fast'）；
});
。展开{
字体大小：粗体；
字体：斜体；
字体大小：12px；
光标：指针；
}
.可扩展{
显示：无；
}
div{
利润率：10px；
}

更多信息1
一,。这是以前隐藏的内容，但现在是。。。嗯，看得见！"

更多信息2
2.这是以前隐藏的内容，但现在…嗯，可见了！”

编辑：这就是你想要的吗


$（文档）.ready（函数（）{
$（'.expand'）。单击（）；
});
$（'.expand'）。单击（函数（）{
target_num=$（this.attr（'id'）.split（'-'）[1]；
content_id='#可扩展-'.concat（target_num）；
$（content_id）.slideToggle（'fast'）；
});
。展开{
字体大小：粗体；
字体：斜体；
字体大小：12px；
光标：指针；
}
.可扩展{
显示：无；
}
div{
利润率：10px；
}

更多信息1
一,。这是以前隐藏的内容，但现在是。。。嗯，看得见！"

更多信息2
2.这是以前隐藏的内容，但现在…嗯，可见了！”

编辑：这就是你想要的吗


$（文档）.ready（函数（）{
$（'.expand'）。单击（）；
});
$（'.expand'）。单击（函数（）{
target_num=$（this.attr（'id'）.split（'-'）[1]；
content_id='#可扩展-'.concat（target_num）；
$（content_id）.slideToggle（'fast'）；
});
。展开{
字体大小：粗体；
字体：斜体；
字体大小：12px；
光标：指针；
}
.可扩展{
显示：无；
}
div{
利润率：10px；
}

更多信息1
一,。这是以前隐藏的内容，但现在是。。。嗯，看得见！"

更多信息2
2.这是以前隐藏的内容，但现在…嗯，可见了！”

试试这个：

$(document).ready(function() {

    $(".expandable").slideDown(1000);

})

最终代码：

$(document).ready(function() {

    $(".expandable").slideDown(1000);

})


$（文档）.ready（函数（）{
$（“.expandable”）。向下滑动（1000）；
})
。展开{
字体大小：粗体；
字体：斜体；
字体大小：12px；
光标：指针；
}
.可扩展{
显示：无；
}
div{
利润率：10px；
}

更多信息1
一,。这是以前隐藏的内容，但现在是。。。嗯，看得见！"

更多信息2
2.这是以前隐藏的内容，但现在…嗯，可见了！”

试试这个：

$(document).ready(function() {

    $(".expandable").slideDown(1000);

})

最终代码：

$(document).ready(function() {

    $(".expandable").slideDown(1000);

})


$（文档）.ready（函数（）{
$（“.expandable”）。向下滑动（1000）；
})
。展开{
字体大小：粗体；
字体：斜体；
字体大小：12px；
光标：指针；
}
.可扩展{
显示：无；
}
div{
利润率：10px；
}

更多信息1
一,。这是以前隐藏的内容，但现在是。。。嗯，看得见！"

更多信息2
2.这是以前隐藏的内容，但现在…嗯，可见了！”

要展开第一个加载分区吗？所有分区展开第一个加载分区吗？答案是需要展开所有分区还是只展开第一个分区？您需要