jQuery - 打开div onLoad

Question

我有两个div，我希望第一个从默认扩展。

这是我的jQuery：

$('.infoexpanderHead').click(function () {
    $(this).siblings().find('.infoexpanderContent').slideUp();
    $(this).find('#infoactive').addClass("active");
    $(this).find('.infoexpanderContent').slideDown();
    $(this).siblings().find('#infoactive').removeClass("active");
});

我尝试了什么

function onload(){
    $(this).find('.infoexpanderContent').slideUp();
}

小提琴

http://jsfiddle.net/4SWnm/

Answer 1

在处理程序注册后触发列表infoexpanderHead元素的click事件

$('.infoexpanderHead').click(function () {
    $(this).siblings().find('.infoexpanderContent').slideUp();
    $(this).find('#infoactive').addClass("active");
    $(this).find('.infoexpanderContent').slideDown();
    $(this).siblings().find('#infoactive').removeClass("active");
}).first().click();

演示：Fiddle

Answer 2

而不是onload函数，你可以尝试

$(document).ready(function(){
$(this).find('.infoexpanderContent').slideUp();
});

或者如果你想使用onload函数

在文件调用函数结束时尝试这样做

onload();

Answer 3

您可以触发第一个元素的点击事件。

<强> Working Demo

    $('.infoexpanderHead').click(function () {
        $(this).siblings().find('.infoexpanderContent').slideUp();
        $(this).find('#infoactive').addClass("active");
        $(this).find('.infoexpanderContent').slideDown();
                 $(this).siblings().find('#infoactive').removeClass("active");
    });
    var frstdiv=$('.infoexpanderHead')[0];
    $(frstdiv).trigger('click');

Answer 4

您的slideup div工作正常，但隐藏div，因此您必须使用jQuery show方法显示div。试试这个代码，它对我有用。

代码

---

$( document ).ready(function(){
   $('.infoexpanderContent').slideUp().show();
});

Answer 5

找到第一个infoexpanderHead元素的infoexpanderContent，并在文档准备就绪时将其向下滑动：

$(document).ready(function() { 
    $(".infoexpanderHead").first().find(".infoexpanderContent").slideDown();
});

请参阅演示：http://jsfiddle.net/258Vz/