I'm using this code to hide a div container where I'm placing text dynamically.

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

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

The problem I have is that I want to trigger the show div from a javascript function instead of a predefined click event. I've found this example which mateches the function I want, but I'm not sure how to trigger it from javascript instead of a click function.

JSFiddle Here

I'm using this code to hide a div container where I'm placing text dynamically.

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

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

The problem I have is that I want to trigger the show div from a javascript function instead of a predefined click event. I've found this example which mateches the function I want, but I'm not sure how to trigger it from javascript instead of a click function.

JSFiddle Here

• javascript
• jquery

• set-timeout and setTimeinterval is the function that will allow to call function after some periodic time set in it – Dipesh Parmar Commented Mar 13, 2013 at 10:13

3 Answers 3

just hide the div using css

display:none;

.slidingDiv{
 display:none;
}

and show it when ever you want using

.show()

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

edit:

after you question edit, you can always trigger the click event programatically like

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

At any point in your script you can call the jQuery object with your div's id/class and run the show() function. 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();

         <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>