Hiding parent div if child div is empty
I've just started looking into jquery and I'm already stuck. If anyone could help, it would be greatly appreciated!
I have the structure:
-
<div id="orgPostCode"><div id="orgPostCodeTxt">PostCode:</div><div id="orgPostCodeVal"></div></div>
The value contained in orgPostCodeVal is dynamically generated from a database. Sometimes that value exists and sometime it doesn't. When there is no value in the orgPostCodeVal, I want to hide the parent div orgPostCode. Everything I have tried hasn't worked. Anyone got any ideas? Does this even sound possible?[/code]