diff options
Diffstat (limited to 'demos/accordion')
| -rw-r--r-- | demos/accordion/custom_icons.html | 10 | ||||
| -rw-r--r-- | demos/accordion/fillspace.html | 3 | ||||
| -rw-r--r-- | demos/accordion/mouseover.html | 4 |
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 --> |