jQuery: Share it!: A JQuery plugin to display social bookmarking icons

jQuery Share It! Hides and toggles a group of social bookmark icons with a nice slide animation.

This plugin was developed using jQuery, obstrusive Javascript, and CSS by Joan Piedra. Thanks to Daniel Esteban for the idea.

Code

CSS and JS calls

<link rel="stylesheet" type="text/css" href="shareit.css" media="screen" />

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.shareit.js"></script>

<script type="text/javascript">
	$(document).ready(function() {
		$("a.bmarks-btn").shareitBtn(); // the button function
		$(".bmarks a").shareitHover(); // the hover effect (optional)
	});
</script>

HTML / XHTML

<p><a href="#bmarks-10" class="bmarks-btn">Social Bookmarking</a></p>
<div id="bmarks-10" class="bmarks">
	<div class="inner">
		<p>
			<a href="#delicious" title="del.icio.us"><img src="images/delicious.gif" alt="del.icio.us" /></a>
			<a href="#digg" title="Digg"><img src="images/digg.gif" alt="Digg" /></a>
			<a href="#technorati" title="Technorati"><img src="images/technorati.gif" alt="Technorati" /></a>
		</p>
		<p class="tip">Bookmark me!</p>
	</div>
</div>