demos/index.html: added functionality to pull descriptions from individual html files.

1 files changed, 13 insertions, 0 deletions

diff --git a/demos/index.html b/demos/index.html
index 130b02f84..775630bf4 100644
--- a/demos/index.html
+++ b/demos/index.html
@@ -37,8 +37,21 @@
 								$(this).click(function() {
 									$(this).parents('ul').find('li').removeClass('demo-config-on');
 									$(this).parent().addClass('demo-config-on');
+									$('#demo-notes').hide();
+									$('#demo-frame').fadeOut();									
 								});
 							});
+							
+							$('#demo-frame').load(function(){
+								var notes = $('.demo-description *', $(this).contents()[0]);
+								if ($('#demo-notes').length == 0) {
+									$('<div id="demo-notes" />').insertAfter('#demo-config');				
+								}
+								$('#demo-notes').hide().empty().html(notes);
+								$('#demo-frame').fadeIn({complete: function() {
+									$('#demo-notes').fadeIn();
+								}});
+							});							
 						})
 					.end()
 				.end()