Question

I have a div container that contains receptacle inputs for a form at the top. So I want the div hidden, id $('#sources').css('display','none')

However there is one div inside all of that which I want shown. Due to the irritating source files in a series of dynamically generated options in the source receptacles I cannot find a way of separating out the div I want shown from the rest as not everything has an ID.

Any ideas,

Marvellous

Answer 1

This is part of how HTML and CSS works. You cannot hide a parent element and still display a child element.

Perhaps you could try setting all child elements except that one to hidden.

Also, .hide() is an easier shortcut for .css('display','none).

$('#sources').children(':not(#showThis)').hide()