Show/Hide child Divs onChange

[Harun]

Here is my pen:
http://cdpn.io/jEkKz

I am trying to unhide “success” note (hidden inside the green bar) when we change the combo box option.

$('select').on('change', function() {
    $(this).closest('.success').removeClass('hide');
});

The above jQuery code doesn’t seem to do the trick.
Please help.

[Paulie_D]

I’m no Jquery expert but doesn’t .closest search UP the DOm…not down?

http://api.jquery.com/closest/

[Paulie_D]

$('select').on('change', function() {

    $(this).siblings('.validation').find('.success').removeClass('hide');

});

or just

$('select').on('change', function() {

    $(this).siblings().find('.success').removeClass('hide');

});

http://api.jquery.com/category/traversing/tree-traversal/

[Harun]

Yes! I just realized I was missing the .find()

Thanks Paulie_D !

[Author]

Posts