How to remove a click event in jquery?

Question

I got a button to click to show a map(slideDown). After showing, if the user click again the button, the map will hide(slideUp). I don't know how to remove the click event in the function, cause i want to detect the second click. This is my function code now:

function subangMap() {
    $("#mapInfo").unbind();
    $("#info").css("height", "760px");
    $("#mapInfo").text("Click here to hide map");
    $("#subangMapSlide").slideDown();


    $("mapInfo").click($("#subangMapSlide").slideUp());
}

This is my edit code with off(). But still not working..

function subangMap()
    {
    $("mapInfo").off('click');
    $("#info").css("height","760px");
    $("#mapInfo").text("Click here to hide map");
    $("#subangMapSlide").slideDown();

     $("mapInfo").click($("#subangMapSlide").slideUp());
    }

http://stackoverflow.com/questions/825112/how-to-remove-all-click-event-handlers-in-jquery http://stackoverflow.com/questions/209029/best-way-to-remove-an-event-handler-in-jquery — Andre Figueiredo, Nov 18 '13 at 15:15
@ChrisHardie `unbind()` is not deprecated but that's true, `off()` is preferred method — A. Wolff, Nov 18 '13 at 15:16
Ah, my bad, they're not deprecated, but they're not the preferred choice. From the jQuery site: "As of jQuery 1.7, the .on() and .off() methods are preferred to attach and remove event handlers on elements" — Mister Epic, Nov 18 '13 at 15:18
Read [jQuery bind/unbind and on/off](http://blog.mostlystatic.com/2012/07/whats-relationship-between-jquery.html) — Tushar Gupta - curioustushar, Nov 18 '13 at 15:21

Tushar Gupta - curioustushar · Accepted Answer · 2013-11-18T15:26:57.837

2

You need .slideToggle()

$("#mapInfo").click(function () {
    $("#subangMapSlide").slideToggle();
});

edited Nov 18 '13 at 15:26

answered Nov 18 '13 at 15:14

Tushar Gupta - curioustushar

58,085
24
103
107

How to remove a click event in jquery?

1 Answers1