Dölja <div>:ar

Jag har en <div id = "div1"> och innuti den har jag en annan <div id = "div2"> som ligger i div1. När jag till en början döljer div1 så döljs även div2. Sedan sätter jag explicit style="visibility:visible" för div2. När jag i fortsättningen döljer div1 så döljs inte div2. Varför? (jag vill kunna dölja/visa olika div:ar innuti div1 och sedan kunna dölja alltihopa genom att bara dölja div1)

Det visste jag inte..ärver den det från "parent-div:ar"? altså om jag döljer en div med display:none, kommer då andra div:ar innuti att döljas?

fan det är ju en hel vetenskap tack you saved my day

om jag vill sätta att den ska visas med hjälp av style="..." hur skrive rjag då. Kan jag skriva style = "display:", dvs bara lämna d tomt?