如何在documentready上隐藏div，然后从Javascript动态调用它？

我使用这段代码来隐藏一个动态放置文本的div容器

$(document).ready(function(){
     $(".slidingDiv").hide(); 
     $(".show_hide").show();

     $('.show_hide').click(function(){
         $(".slidingDiv").slideToggle();
     });
 });

我遇到的问题是，我想从javascript函数而不是预定义的单击事件触发show

div

。我已经找到了这个匹配我想要的函数的示例，但是我不确定如何从javascript而不是单击函数触发它

---

只需使用css隐藏div即可

display:none;

.slidingDiv{
 display:none;
}

当你想用的时候就展示出来

.show()

$(".slidingDiv").show();

编辑：

在编辑问题之后，始终可以通过编程方式触发单击事件，如

function yourFunction(){
  $(".show_hide").click();
} 

---

在脚本中的任何时候，都可以使用

div

的id/class调用

jQuery

对象，并运行

show（）

函数。i、 e

var javascript = "cool";
var foo = "I'm doing stuff";
var bar = "And some more stuff";
if (javascript === "cool") 
    jQuery(".slidingDiv").show();
else 
    $(".slidingDiv").show();

$（文档）.ready（函数（）{
$（“input[type='file']”）。在（“change”上，函数（）{
如果（this.files[0].size>1000000）//文件大小小于1MB{
{
$（“#fileAlert”）.show（）；//调用引导4警报
}
$（this.val（“”）；
}
});
});

set timeout和setTimeinterval是一个函数，允许在它中设置的某个周期性时间后调用函数。您可以修改JSFIDLE来说明这一点吗？这不包括幻灯片打开。我想是因为css元素。你目前的解决方案有什么问题？在显示和隐藏元素的同时，你能用小提琴来解释你所面临的问题吗？你能给你的答案添加一些解释吗？