Timeliner.js w GitHub Raw

by technotarek

HTML

<link rel="stylesheet" href="https://raw.github.com/technotarek/timeliner/master/css/screen.css">
<script src="https://raw.github.com/technotarek/timeliner/master/js/timeliner.min.js"></script>
<div id="timelineContainer">
    <div class="timelineToggle"><p><a class="expandAll">+ expand all</a></p></div>
	<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();