Adding accordion and moving the descriptions to a shared location.

Author: tjvantoll

entries/accordion.xml

@@ -33,6 +33,15 @@
 			<li>CTRL+UP: Move focus to associated header.</li>
 		</ul>
 
+		<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>
+		</ul>
+
 		<h3>Dependencies</h3>
 		<ul>
 			<li><a href="/category/ui-core/">UI Core</a></li>

entries/dialog.xml

@@ -51,9 +51,7 @@
 			});
 		</code></pre>
 
-		<h3 id="theming">Theming</h3>
-
-		<p>The dialog widget uses the <a href="/theming/css-framework">jQuery UI CSS framework</a> to style its look and feel. If dialog specific styling is needed, the following is a list of CSS class names that the dialog widget uses:</p>
+		<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>

includes/widget-theming.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0"?>
+<div>
+	<h3 id="theming">Theming</h3>
+
+	<p>The <placeholder name="name"/> widget uses the <a href="/theming/css-framework">jQuery UI CSS framework</a> to style its look and feel. If <placeholder name="name"/> specific styling is needed, the following CSS class names can be used:</p>
+</div>