How to call a jQuery function without a button click?

Question

I need to call the jQuery function below without a button click. How to do that?

jQuery:

  <script>
  $("#nav").click(function(e) {
        e.preventDefault();
        $("#nav").toggleClass("active");
    });
    </script>

In pure JavaScript I would do it like the function below, but how to do it in jQuery?

 function toggleWindow(){
    //alert("OK");
    }

in pure javascript also to call function we have to add event — Somnath Kharat
– Somnath Kharat, Commented Apr 19, 2014 at 12:26

Amit Joki · Accepted Answer · 2014-04-19 12:25:04Z

3

Remove the .click() and put it inside a self executing function:

(function(){
   $("#nav").toggleClass("active");
})();

answered Apr 19, 2014 at 12:25

Amit Joki

59.4k7 gold badges80 silver badges96 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Thanks, but how to give the function a name? Is this correct?: (function toggleWindow(){

Pratik Joshi · Accepted Answer · 2014-04-19 13:48:21Z

0

just dont include click() event

 <script>
 $(document).ready(function(){
        $("#nav").toggleClass("active");
 });

 </script>

Here , there is no need of event .As soon as DOM HTML elements are loaded , the script will be executed.

answered Apr 19, 2014 at 13:48

Pratik Joshi

11.7k7 gold badges44 silver badges73 bronze badges

It's not working for the template I'm using: startbootstrap.com/templates/simple-sidebar.html I added your code but the sidebar stays and doesn't toogle on document ready. Any ideas?

zBut fiddle working there should not be any problem. give me link to ur website to test.