Question

I have some divs that I show/hide. I want to reset the forms inside these divs every time they are hidden, but this does not seem to work:

$('#div_id_1,#div_id_2').on('hide',function(){
    $('#form_id_1,#form_id_2').each(function(){
        this.reset();
    });
});

This function never gets triggered. How to I capture this “hide” event?

Thanks

Answer 1

You would need to either put your reset code in the place where you actually do the hiding, or simply trigger a ‘hide’ event yourself:

$('#somelink').click( function() {
  $('#div_id_1').hide().trigger('hide');
} );

This is because there is no hide event triggered by jQuery itself (see docs).