Question

I have a div that when clicked opens a form inside the div via jquery .click function.

This works great until I need to click inside the form on text inputs! Doh!

How can I disable the click function when this particular div is “open” (i.e. the form is showing). And then return the click function when the div is “closed” again?

Answer 1

Asusming an HTML structure like this:

<div id="outer_clicking_div">
    <div id="form_div">
        <!-- form here -->
    </div>
</div>

Your just need to stop propogation of clicks above the form div like this

$('#form_div').click(function (e) {
    e.stopPropagation();
});