Switching to a nested structure.

Author: tjvantoll

entries/accordion.xml

@@ -36,10 +36,13 @@
 		<xi:include href="../includes/widget-theming.xml" xmlns:xi="http://www.w3.org/2003/XInclude"/>
 
 		<ul>
-			<li><code>ui-accordion</code>: The outer container of the accordion.</li>
-			<li><code>ui-accordion-header</code>: The headers of the accordion.</li>
-			<li><code>ui-accordion-content</code>: The content panels the accordion.</li>
-			<li><code>ui-accordion-icons</code>: Accordion headers that have <a href="#option-icons">icons</a>.</li>
+			<li>
+				<code>ui-accordion</code>: The outer container of the accordion.
+				<ul>
+					<li><code>ui-accordion-header</code>: The headers of the accordion. The headers will additionally have a <code>ui-accordion-icons</code> class if they contain <a href="#option-icons">icons</a>.</li>
+					<li><code>ui-accordion-content</code>: The content panels the accordion.</li>
+				</ul>
+			</li>
 		</ul>
 
 		<h3>Dependencies</h3>

entries/dialog.xml

@@ -54,13 +54,25 @@
 		<xi:include href="../includes/widget-theming.xml" xmlns:xi="http://www.w3.org/2003/XInclude"/>
 
 		<ul>
-			<li><code>ui-dialog</code>: The outer container of the dialog.</li>
-			<li><code>ui-dialog-titlebar</code>: The title bar containing the dialog's title and close button.</li>
-			<li><code>ui-dialog-title</code>: The container around the textual title of the dialog.</li>
-			<li><code>ui-dialog-titlebar-close</code>: The dialog's close button.</li>
-			<li><code>ui-dialog-content</code>: The container around the dialog's content.</li>
-			<li><code>ui-dialog-buttonpane</code>: The pane that contains the dialog's buttons. This will only be present if the <a href="#option-buttons"><code>buttons</code></a> option is set.</li>
-			<li><code>ui-dialog-buttonset</code>: The container around the buttons themselves.</li>
+			<li>
+				<code>ui-dialog</code>: The outer container of the dialog.
+				<ul>
+					<li>
+						<code>ui-dialog-titlebar</code>: The title bar containing the dialog's title and close button.
+						<ul>
+							<li><code>ui-dialog-title</code>: The container around the textual title of the dialog.</li>
+							<li><code>ui-dialog-titlebar-close</code>: The dialog's close button.</li>
+						</ul>
+					</li>
+					<li><code>ui-dialog-content</code>: The container around the dialog's content.</li>
+					<li>
+						<code>ui-dialog-buttonpane</code>: The pane that contains the dialog's buttons. This will only be present if the <a href="#option-buttons"><code>buttons</code></a> option is set.
+						<ul>
+							<li><code>ui-dialog-buttonset</code>: The container around the buttons themselves.</li>
+						</ul>
+					</li>
+				</ul>
+			</li>
 		</ul>
 
 		<h3>Dependencies</h3>