[yelp-xsl] Use ui:expander code for 'About', Mallard and DocBook

[Shaun McCance <shaunm src gnome org>]

commit 9f66b4835939c6b08e80e1f6186abd17f7382fb7
Author: Shaun McCance <shaunm gnome org>
Date:   Mon Nov 5 10:53:19 2012 -0500

    Use ui:expander code for 'About', Mallard and DocBook

 xslt/common/html.xsl                   |   31 ++++++++++---------------------
 xslt/docbook/html/db2html-division.xsl |   13 +++++++++----
 xslt/mallard/html/mal2html-page.xsl    |   13 +++++++++----
 3 files changed, 28 insertions(+), 29 deletions(-)
---
diff --git a/xslt/common/html.xsl b/xslt/common/html.xsl
index 3407a91..a7a0180 100644
--- a/xslt/common/html.xsl
+++ b/xslt/common/html.xsl
@@ -695,18 +695,19 @@ div.clear {
 }
 
 div.about {
-  color: </xsl:text>
-    <xsl:value-of select="$color.text_light"/><xsl:text>;
+  color: </xsl:text><xsl:value-of select="$color.text_light"/><xsl:text>;
 }
-div.about > div.hgroup {
+div.about > div.inner > div.hgroup {
   margin: 0; padding: 0;
   text-align: center;
   border: none;
 }
-div.about > div.hgroup > h2 {
+div.about > div.inner > div.hgroup > h2 {
   margin: 0; padding: 0.2em;
   font-size: inherit;
-  cursor: pointer;
+}
+div.about.ui-expander > div.inner > div.hgroup span.title:before {
+  content: "";
 }
 div.copyrights {
   margin: 1em;
@@ -1325,6 +1326,10 @@ div.media-ttml-p {
     <xsl:value-of select="$color.gray_border"/><xsl:text>;
 }
 div.yelp-data { display: none; }
+div.ui-expander > div.inner > div.title span.title,
+div.ui-expander > div.inner > div.hgroup span.title {
+  cursor: default;
+}
 div.ui-expander > div.inner > div.title span.title:before,
 div.ui-expander > div.inner > div.hgroup span.title:before {
   font-size: 2em;
@@ -1579,22 +1584,6 @@ function yelp_generate_id () {
   else
     return ret;
 };
-$(document).ready(function () {
-  $('div.about').each(function () {
-    var header = $(this).children('div.hgroup').children('h2');
-    var region = $(this).children('div.region');
-    if (region.attr('id') == '')
-      region.attr('id', yelp_generate_id());
-    header.attr('aria-controls', region.attr('id'));
-    region.attr('aria-expanded', 'false').hide();
-    header.click(function () {
-      if (region.attr('aria-expanded') == 'true')
-        region.attr('aria-expanded', 'false').slideUp('fast');
-      else
-        region.attr('aria-expanded', 'true').slideDown('fast');
-    });
-  });
-});
 $(document).ready (function () {
   var highlight_hash = function () {
     if (location.hash != '') {
diff --git a/xslt/docbook/html/db2html-division.xsl b/xslt/docbook/html/db2html-division.xsl
index d97ddf8..5a0860f 100644
--- a/xslt/docbook/html/db2html-division.xsl
+++ b/xslt/docbook/html/db2html-division.xsl
@@ -367,12 +367,16 @@ the division. By default it is called by the %{html.footer.mode} implementation.
     ($authors | $editors | $translators))"/>
   <xsl:variable name="legal" select="$info/legalnotice | $info/db:legalnotice"/>
   <xsl:if test="$copyrights or $authors or $editors or $translators or $othercredits or $legal">
-    <div class="sect about" role="contentinfo">
+    <div class="sect about ui-expander" role="contentinfo">
+      <div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"/>
+      <div class="inner">
       <div class="hgroup">
         <h2>
-          <xsl:call-template name="l10n.gettext">
-            <xsl:with-param name="msgid" select="'About'"/>
-          </xsl:call-template>
+          <span class="title">
+            <xsl:call-template name="l10n.gettext">
+              <xsl:with-param name="msgid" select="'About'"/>
+            </xsl:call-template>
+          </span>
         </h2>
       </div>
       <div class="region">
@@ -482,6 +486,7 @@ the division. By default it is called by the %{html.footer.mode} implementation.
           </xsl:for-each>
         </div>
       </div>
+      </div>
     </div>
   </xsl:if>
 </xsl:template>
diff --git a/xslt/mallard/html/mal2html-page.xsl b/xslt/mallard/html/mal2html-page.xsl
index 0b6ca28..23ee4dc 100644
--- a/xslt/mallard/html/mal2html-page.xsl
+++ b/xslt/mallard/html/mal2html-page.xsl
@@ -59,12 +59,16 @@ the #{page} element. Information is extracted from the #{info} element of ${node
 <xsl:template name="mal2html.page.about">
   <xsl:param name="node" select="."/>
   <xsl:if test="$node/mal:info/mal:credit or $node/mal:info/mal:license">
-  <div class="sect about" role="contentinfo">
+  <div class="sect about ui-expander" role="contentinfo">
+    <div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"/>
+    <div class="inner">
     <div class="hgroup">
       <h2>
-        <xsl:call-template name="l10n.gettext">
-          <xsl:with-param name="msgid" select="'About'"/>
-        </xsl:call-template>
+        <span class="title">
+          <xsl:call-template name="l10n.gettext">
+            <xsl:with-param name="msgid" select="'About'"/>
+          </xsl:call-template>
+        </span>
       </h2>
     </div>
     <div class="region">
@@ -210,6 +214,7 @@ the #{page} element. Information is extracted from the #{info} element of ${node
         </xsl:for-each>
       </div>
     </div>
+    </div>
   </div>
   </xsl:if>
 </xsl:template>