Calling jQuery function from from js

Question

I've written a Simple function in Javascript which calls a jQuery function the problem is Why do I need to click button to get the toggle effect

html

<input id="toggle" type="button" value="Toggle" onclick="toggle()" />

javascript

<script type="text/javascript">
function toggle()
{
    new_toggle();
}
</script>

jQuery

$(function new_toggle2(){
        $('#toggle').click(function(){

    $('#p1').toggle(); // Simple <p> and <h1> tags
            $('#h').toggle();   
        });
    new_toggle = new_toggle2;
});

What do you want to call the toggle function, instead of clicking the button? — Reinstate Monica Cellio
– Reinstate Monica Cellio, Commented Oct 11, 2012 at 14:19

Anoop · Accepted Answer · 2012-10-11 14:19:04Z

1

I believe this will be sufficient for click event.

HTML:

<input id="toggle" type="button" value="Toggle" />

JS:

$(function(){
        $('#toggle').click(function(){

            $('#p1').toggle(); // Simple <p> and <h1> tags
            $('#h').toggle();   
        });
});

answered Oct 11, 2012 at 14:19

Anoop

23.2k10 gold badges65 silver badges79 bronze badges

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

Comments

Praveen Kumar Purushothaman · Accepted Answer · 2012-10-11 14:20:47Z

1

You have this code with you:

<input id="toggle" type="button" value="Toggle" onclick="toggle()" />

The toggle() is the function, which should be initiated. That function is bound to the <input> tag with the help of onclick= attribute. The onclick event is used to execute a JavaScript when an element is clicked.

If you want to trigger that function on page load, then a small change is required. The toggle() function should be called when the document loads.

$(document).ready(function () {
    toggle();
}

answered Oct 11, 2012 at 14:20

Praveen Kumar Purushothaman

167k27 gold badges215 silver badges261 bronze badges

Comments

Andrea Turri · Accepted Answer · 2012-10-11 14:21:58Z

1

I think you're a little bit confused about it...

Remove:

onclick="toggle()"

and:

<script type="text/javascript">
function toggle()
{
    new_toggle();
}
</script>

And write just this:

$(function(){
    $('#toggle').click(function(){

        $('#p1').toggle();
        $('#h').toggle();   
    });
});

answered Oct 11, 2012 at 14:21

Andrea Turri

6,5207 gold badges41 silver badges64 bronze badges

1 Comment

Shreeuday Kasat Over a year ago

Thank You !! Very much man .... A slight change in jQuery's Code n I got the result ..Cheers !!

geedubb · Accepted Answer · 2012-10-11 14:20:44Z

0

Reading a lot into your question! - If you want your toggle function to fire on page load, rather than when you click the button change your function to:

<script type="text/javascript">
    $(document).ready(function () {
            new_toggle2();
    }
</script>

answered Oct 11, 2012 at 14:20

geedubb

4,0574 gold badges29 silver badges38 bronze badges

Collectives™ on Stack Overflow

Calling jQuery function from from js

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related