Hide the father's div when he stops having children

I have a div father who contains several children who appear and reappear. I would like to make the father disappear when he runs out of children.

$ ("# ocul1"). click (function () {
$ ("# child1"). toggle ();
});


$ ("# ocul2"). click (function () {
$ ("# son2"). toggle ();
});

$ ("# ocul3"). click (function () {
$ ("# hijo3"). toggle ();
});
# padre1 {
background color: network;
width: 30%;
White colour;
upholstery: 10px;
}

DivPadre1

DivHijo1
DivHijo2
DivHijo3