如何使用javascript设置DIV可见onload

我有这个页面，我想做的第一个卡描述，以显示onload。

div

id

是

“firstitem”

，我无法计算javascript来显示加载的（子）内容

（功能（全局，工厂）{
if（typeof define=='function'&&define.amd）{
定义（['jquery']，工厂）；
}否则{
工厂（jQuery）；
}
})（这是函数（$）{
var defaultSettings={
前缀：“ImageListXPander-”
};
var waitForFinalEvent=（函数（）{
var定时器=null；
返回函数（回调，唯一ID）{
中频（定时器）{
清除超时（计时器）；
}
定时器=设置超时（回调，500）；
};
})();
var imageListExpander=函数（列表，_设置）{
变量
设置=$.extend（{}，defaultSettings，_settings），
$list=$（列表），
$items=$list.find（'.+settings.prefix+'item'），
$trigger=$list.find（'.+settings.prefix+'trigger'），
$closeTrigger=$list.find（“.+settings.prefix+”触发器关闭“），
初始化=函数（）{
$（窗口）.bind（'resize'，resizeWindow）；
$trigger.bind（'click'，clickItem）；
$closeTrigger.bind（'click'，clickCloseTrigger'）；
},
resizeWindow=函数（）{
waitForFinalEvent（函数（）{
$items.filter（'.active'）。每个（函数（）{
变量
$item=$（此项），
$expanderContents=$item.find（'.+settings.prefix+'expander contents'），
$expander=$item.find（'.+settings.prefix+'expander'），
expanderHeight=$expanderContents.outerHeight（）；
$item.css(
“高度”，
$item.find（'.+settings.prefix+'contents'）.outerHeight（）+expanderHeight
);
$expander.css（'max-height'，expanderHeight）；
});
});
},
clickItem=函数（）{
var$item=$（this.parents（'.+settings.prefix+'item'）；
`在这里输入代码`
if（$item.hasClass（'active'））{
隐藏物（项目）；
}否则{
showItem（$项目）；
}
},
clickCloseTrigger=函数（）{
隐藏物（项目）；
},
showItem=函数（$item）{
hideItems（$item.sibbins（））；
变量
$expanderContents=$item.find（'.+settings.prefix+'expander contents'），
$expander=$item.find（'.+settings.prefix+'expander'），
expanderHeight=$expanderContents.outerHeight（）；
$item.addClass（'active'）.css(
“高度”，
$item.find（'.+settings.prefix+'contents'）.outerHeight（）+expanderHeight
);
$expander.css（'max-height'，expanderHeight）；
},
hideItems=函数（$targetItems）{
$targetItems=$targetItems.filter（'.active'）；
var$expanders=$targetItems.find（'.+settings.prefix+'expander'）；
$targetItems.每个（函数（）{
变量$item=$（此项）；
$item.css(
“高度”，
$item.find（'.+settings.prefix+'contents'）.outerHeight（）
);
});
$targetItems.removeClass（'active'）；
$expanders.css（'max-height'，0）；
};
初始化（）；
};
$.fn.ImageListXPander=函数（设置）{
$（此）。每个（函数（）{
imageListExpander（这是设置| |{}）；
});
};
返回美元；
});
（功能（全局，$）{
$（'.gallery items'）.imagelistexpander({
前缀：“画廊——”
});
})（这是jQuery）

.gallery扩展器{
位置：绝对位置；
左：0；
右：0；
溢出：隐藏；
最大高度：0；
-webkit过渡：最大高度500ms；
-o型过渡：最大高度500ms；
过渡：最大高度500ms；
}

12121
画廊项目
x
ytytyt
同侧阴唇

只需在页面加载中编写此代码，就可以了

  $('#firstitem').css('max-height',100);

您可以使用vanilla JS或jQuery监听事件

您需要将

max height

设置为它的默认值以显示元素，因为您的CSS使用

max height:0

将隐藏它

香草JS：

window.onload=（）=>{
document.getElementById（'firstitem'）.style.maxHeight='none'；
};

jQuery：

$（窗口）.on（'load'，（）=>{
$（'#firstitem'）.css（'max-height'，'none'）；
});