Adding custom function in callback parameter

Question

I was trying to add function2 in my jquery hide method.I can do it through the code which is commented.So,can anyone please rectify my code.I want to call function2 from callback parameter of hide method.

<script>
//        $(document).ready(function () {
//            $("#p1").click(function () {
//                $("#p2").hide("slow", function () {
//                    alert("para2 is now hidden");
//                });
//            });
//        });

$(document).ready(function () {
    $("#p1").click(function () {
        $("#p2").hide("slow", function(){
            function2(); 
        });
    });

function function2() {
    alert("para2 is now hidden");
}
</script>

Now that I've properly indented your code, do you realise the problem? — George
– George, Commented Feb 18, 2014 at 12:05
What is wrong with this code it seems to be working just need to complete the $(document).ready() jsfiddle.net/8RvCs — Dhaval Bharadva
– Dhaval Bharadva, Commented Feb 18, 2014 at 12:08

George · Accepted Answer · 2014-02-18 13:19:13Z

1

Problem is, you have a syntax error because you haven't closed your $(document).ready() function or method:

$(document).ready(function () {
    $("#p1").click(function () {
        $("#p2").hide("slow", function(){
            function2(); 
        });
    });
});

JSFiddle

As already mentioned, you can just pass the function's reference if that is all that should be in the callback:

$("#p2").hide("slow", function2);

edited Feb 18, 2014 at 13:19

answered Feb 18, 2014 at 12:07

George

36.9k9 gold badges70 silver badges109 bronze badges

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

Comments

Rajaprabhu Aravindasamy · Accepted Answer · 2014-02-18 12:03:53Z

1

The problem with your code is, you forgot to close the ready event handler,

   $(document).ready(function () {
     $("#p1").click(function () {
        $("#p2").hide("slow", function(){
            function2(); 
        });
    });
   });

And you can also try this code to improvise your code much better,

   $("#p1").click(function () {
     $("#p2").hide("slow", function2);
   });

answered Feb 18, 2014 at 12:03

Rajaprabhu Aravindasamy

67.2k17 gold badges107 silver badges133 bronze badges

Comments

Paulo Lima · Accepted Answer · 2014-02-18 12:04:44Z

0

if I understand, just pass the function that you want

 $("#p1").click(function () {
            $("#p2").hide("slow", function2);
    });

answered Feb 18, 2014 at 12:04

Paulo Lima

1,2388 silver badges8 bronze badges

Collectives™ on Stack Overflow

Adding custom function in callback parameter

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related