div1 starts in next line
This is an h4 element inside div1
First paragraph
Second paragraph
Third paragraph
Fourth paragraph and last element in div1
This is div2
OuterUl
OuterUl first item
OuterUl second item
MidUl
midUl first item
midUl second item
InnerUl
innerUl first item
innerUl second item
OuterUl third item
The first set of buttons operate on div1, using chilren(), parent(), parents() and siblings().
Toggle color on div1 children
Toggle color on div1 parent
Toggle color on div1 parents
Toggle color on div1 siblings
The next set of buttons operate on div2 and its InnerUl.
Notice how parents() includes the body and html tags and therefore all their subtrees.
Toggle color on InnerUl
Toggle color on InnerUl parent
Toggle color on InnerUl parents, all ancestors
Toggle color on div2 parents, all ancestors