Timeliner.js w/ jQuery 1.9

by technotarek

HTML

<link rel="stylesheet" href="http://www.technotarek.com/timeliner/css/screen.css">
<script src="http://www.technotarek.com/timeliner/js/timeliner.min.js"></script>
<div id="timelineContainer">
	<div class="timelineMajor">
		<h2 class="timelineMajorMarker">Major Marker</h2>
		<dl class="timelineMinor">
			<dt id="event01"><a>Event</a></dt>
			<dd class="timelineEvent" id="event01EX" style="display: none; ">
				<p>Content about the event goes here.</p>
			</dd><!-- /.timelineEvent -->
		</dl><!-- /.timelineMinor -->
		<dl class="timelineMinor">
			<dt id="event02"><a>Another Event</a></dt>
			<dd class="timelineEvent" id="event02EX" style="display: none; ">
				<p>Content about the other event.</p>
			</dd><!-- /.timelineEvent -->
		</dl><!-- /.timelineMinor -->

	</div><!-- /.timelineMajor -->
</div><!-- /#timelineContainer -->

JavaScript

$.timeliner();