aboutsummaryrefslogtreecommitdiffstats
path: root/demos/accordion
diff options
context:
space:
mode:
authorRichard Worth <rdworth@gmail.com>2008-12-31 05:01:58 +0000
committerRichard Worth <rdworth@gmail.com>2008-12-31 05:01:58 +0000
commit58a11a7dec11bdfc1f43f210ffd52da3816a530c (patch)
tree64d5e9c9067dcae8f1a682fe4c9af0932e48faab /demos/accordion
parentfff23b36bf19b348d2e6c575d0e3d13ed04d63a3 (diff)
downloadjquery-ui-58a11a7dec11bdfc1f43f210ffd52da3816a530c.tar.gz
jquery-ui-58a11a7dec11bdfc1f43f210ffd52da3816a530c.zip
demos: added <code> inside <pre>. some other minor updates
Diffstat (limited to 'demos/accordion')
-rw-r--r--demos/accordion/custom_icons.html10
-rw-r--r--demos/accordion/fillspace.html3
-rw-r--r--demos/accordion/mouseover.html4
3 files changed, 10 insertions, 7 deletions
diff --git a/demos/accordion/custom_icons.html b/demos/accordion/custom_icons.html
index 65ab3c912..3fb00167f 100644
--- a/demos/accordion/custom_icons.html
+++ b/demos/accordion/custom_icons.html
@@ -63,11 +63,11 @@
<p>The icons used for the open and closed accordions can be any of the standard icons in the css framework or even a custom css class you create with an icon background image. For this example, we're using the arrow in a circle icons:
-<pre>
-icons: {
-header: "ui-icon-circle-arrow-e",
-headerSelected: "ui-icon-circle-arrow-s"}
-</pre>
+<pre><code>icons: {
+ header: "ui-icon-circle-arrow-e",
+ headerSelected: "ui-icon-circle-arrow-s"
+}
+</code></pre>
</div><!-- End demo-description -->
diff --git a/demos/accordion/fillspace.html b/demos/accordion/fillspace.html
index a6a896767..2e880dd48 100644
--- a/demos/accordion/fillspace.html
+++ b/demos/accordion/fillspace.html
@@ -75,7 +75,8 @@ Resize the outer container:
<div class="demo-description">
<p>In this example, the fillSpace option is used to make the accordion fit within a specific height and/or width. The script will automatically set the dimensions of the accordion to the height of the parent container. Try re-sizing the outer box to see the accordion fill the height of the box.</p>
-<pre>fillSpace: true</pre>
+<pre><code>fillSpace: true
+</code></pre>
</div><!-- End demo-description -->
diff --git a/demos/accordion/mouseover.html b/demos/accordion/mouseover.html
index c382a5158..ff3e5a6c1 100644
--- a/demos/accordion/mouseover.html
+++ b/demos/accordion/mouseover.html
@@ -58,7 +58,9 @@
<div class="demo-description">
- <p>In this example, we've customized the event to have sections open on mouseover instead of on click. This is done by simply adding this option event: "mouseover" to the accordion: <pre>event: "mouseover"</pre></p>
+<p>In this example, we've customized the event to have sections open on mouseover instead of on click. This is done by simply adding this option event: "mouseover" to the accordion:</p>
+<pre><code>event: "mouseover"
+</code></pre>
</div><!-- End demo-description -->