jquery-ui/demos/functional/templates/ui.slider.html

<script type="text/javascript">

	var model = {

		renderAt: '#containerDemo',

		title: 'Slider Demos',

		demos: [

			{
				title: 'Simple slider',
				desc: 'With few lines of code you could build a slider. You can try more options on the fly!',
				html: '<div id="slider3"><div class="ui-slider-handle"></div></div>',
				destroy: '$("#slider3").sortable("destroy");',
				options: [
					{
						desc: 'Make a simple slider',
						source:	'$("#slider3").slider();'
					}
				]
			},

			{
				title: 'Multiple slides',
				desc: 'You can also have multiples slides.',
				html: '<div id="slider1" class="ui-slider-2"><div class="ui-slider-handle"></div><div class="ui-slider-handle" style="left:100px"></div></div>',
				destroy: '$("#slider1").slider("destroy");',
				options: [
					{ desc: 'Multiple slides', source:	'$("#slider1").slider();'	}
					//, { desc: 'Multiple slides with range', source:	'$("#slider1").slider({ range: true });'	}
				]
			}

		]
	};

	$(function(){

		uiRenderDemo(model);

	});

</script>