.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 2px 5px;
/*border: 1px solid gray;
background: #E1E1E1;*/
}

.openpet{ /*class added to contents of 1st demo when they are open*/
background: #4a4a4a;
}

.closepet{ /*class added to contents of 1st demo when they are open*/
background: red;
}

.petstype{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
padding: 2px 5px;
}

.opentype{ /*class added to contents of 2nd demo when they are open*/
color: green;
}

.closedtype{ /*class added to contents of 2nd demo when they are closed*/
color: red;
}