From 5b34c56dbd5a8544dc9125c5626f0f33639c68b7 Mon Sep 17 00:00:00 2001
From: Richard Worth <rdworth@gmail.com>
Date: Tue, 30 Dec 2008 04:14:09 +0000
Subject: demos: fixed consistency issue with index navigation menus

---
 demos/index.html | 76 +++++++++++++++++++++-----------------------------------
 1 file changed, 29 insertions(+), 47 deletions(-)

(limited to 'demos/index.html')

diff --git a/demos/index.html b/demos/index.html
index 68647cf92..a2282fec5 100644
--- a/demos/index.html
+++ b/demos/index.html
@@ -26,59 +26,41 @@
 
 	?>
 	<script type="text/javascript">
-	<?php printf ('var section = "%s";', $section); ?>
-	jQuery(function($){
-		$('dl.nav a').each(function(){
-			this.setAttribute('href', '/' + section + '/' + this.getAttribute('href'));
-			$(this).attr('target', 'preview');
+		var section;
+
+		<?php printf ('section = "%s";', $section); ?>
+
+		section && jQuery(function($){
+			$('dl.nav a').each(function(){
+				this.setAttribute('href', '/' + section + '/' + this.getAttribute('href'));
+				$(this).attr('target', 'preview');
+			});
 		});
-	});
 	</script>
 <?php } ?>
 
-<table cellspacing="0" cellpadding="0" class="layout-grid" id="functional">
+<table class="layout-grid" cellspacing="0" cellpadding="0">
 	<tr>
 		<td class="left-nav">
-			<div class="section" style="border:0; width:155px;">
-				<p class="side-menu-title">Interactions</p>
-				<div id="links" class="normal" style="width:100%;">
-					<ul class="component-links">
-						<li><a href="draggable/index.html">Draggable</a></li>
-						<li><a href="droppable/index.html">Droppable</a></li>
-						<li><a href="resizable/index.html">Resizable</a></li>
-						<li><a href="selectable/index.html">Selectable</a></li>
-						<li><a href="sortable/index.html">Sortable</a></li>	
-					</ul>
-				</div>
-				<br style="clear:both;">
-			</div>
-			<div class="section" style="border:0;">
-				<p class="side-menu-title">Widgets</p>
-				<div id="links" class="normal">
-					<ul class="component-links">
-						<li><a href="accordion/index.html">Accordion</a></li>
-						<li><a href="datepicker/index.html">Datepicker</a></li>
-						<li><a href="dialog/index.html">Dialog</a></li>
-						<li><a href="progressbar/index.html">Progressbar</a></li>
-						<li><a href="slider/index.html">Slider</a></li>
-						<li><a href="tabs/index.html">Tabs</a></li>
-					</ul>
-				</div>
-				<br style="clear:both;">
-			</div>
-			<div class="section" style="border:0;">
-				<p class="side-menu-title">Effects</p>
-				<div id="links" class="normal">
-					<ul class="component-links">
-						<li><a href="#">Easing</a></li>
-						<li><a href="#">General</a></li>
-						<li><a href="#">Show/Hide</a></li>
-					</ul>
-				</div>
-
-				<br style="clear:both;">
-				<br style="clear:both;">
-			</div>
+			<dl class="demos-nav">
+				<dt>Interactions</dt>
+					<dd><a href="draggable/index.html">Draggable</a></dd>
+					<dd><a href="droppable/index.html">Droppable</a></dd>
+					<dd><a href="resizable/index.html">Resizable</a></dd>
+					<dd><a href="selectable/index.html">Selectable</a></dd>
+					<dd><a href="sortable/index.html">Sortable</a></dd>	
+				<dt>Widgets</dt>
+					<dd><a href="accordion/index.html">Accordion</a></dd>
+					<dd><a href="datepicker/index.html">Datepicker</a></dd>
+					<dd><a href="dialog/index.html">Dialog</a></dd>
+					<dd><a href="progressbar/index.html">Progressbar</a></dd>
+					<dd><a href="slider/index.html">Slider</a></dd>
+					<dd><a href="tabs/index.html">Tabs</a></dd>
+				<dt>Effects</dt>
+					<dd><a href="#">Easing</a></dd>
+					<dd><a href="#">General</a></dd>
+					<dd><a href="#">Show/Hide</a></dd>
+			</dl>
 		</td>
 		<td class="normal">
 							
-- 
cgit v1.2.3