当前位置 : 主页 > 网页制作 > css >

如何隐藏文件准备好的div,然后从Javascript动态调用它?

来源:互联网 收集:自由互联 发布时间:2021-06-13
我正在使用此代码隐藏我正在动态放置文本的div容器. $(document).ready(function(){ $(".slidingDiv").hide(); $(".show_hide").show(); $('.show_hide').click(function(){ $(".slidingDiv").slideToggle(); }); }); 我遇到的问题
我正在使用此代码隐藏我正在动态放置文本的div容器.

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

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

我遇到的问题是我想从javascript函数而不是预定义的click事件触发show div.我发现这个例子可以匹配我想要的功能,但是我不知道如何从javascript而不是点击功能触发它.

JSFiddle Here

用css隐藏div

display:none;

.slidingDiv{
 display:none;
}

并在你想要使用时展示它

.show()

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

编辑:

在编辑问题之后,您总是可以以编程方式触发click事件

function yourFunction(){
  $(".show_hide").click();
}
网友评论