javascript - 如何在准备好的文档上隐藏一个 div，然后从 Javascript 动态调用它？

Question

我正在使用此代码来隐藏我动态放置文本的 div 容器。

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

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

我遇到的问题是我想div从 javascript 函数而不是预定义的点击事件触发节目。我发现这个例子与我想要的功能相匹配，但我不确定如何从 javascript 而不是点击功能触发它。

JSFiddle 这里

Answer 1

只需使用 css 隐藏 div

display:none;

.slidingDiv{
 display:none;
}

并在您想要使用时显示它

.show()

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

编辑：

在您质疑编辑后，您可以随时以编程方式触发点击事件，例如

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

Answer 2

在脚本中的任何时候，您都可以使用您的 id/class调用该jQuery对象并运行该函数。IEdivshow()

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

Answer 3

         <script>
    $(document).ready(function(){
      $("input[type='file']").on("change", function () {
         if(this.files[0].size > 1000000) //file size less than 1MB { 
             {
          
                $("#fileAlert").show(); //calling a bootstrap 4 alert
             }
        
          $(this).val('');
         }
        });
    });
</script>