snippetsmania.com
Post and share your code snippets

CSS
#breadcrumbs {
overflow:hidden;
float:left;
}
#breadcrumbs ol {
margin:0;
padding:0;
line-height:2em;
height:2em;
}

#breadcrumbs ol li {
list-style-type:none;
line-height:2em;
padding:0px 5px;
height:2em;
float:left;
}

HTML
<div id="breadcrumbs">
<ol>
<li>» <a href="/">Home</a></li>
<li>» <a href="/products" >Products</a></li>
<li>» <a href="/products/cheese">Cheese</a></li>
</ol>
</div>

Javascript
$('#breadcrumbs ol li a').click(function(){
$(this).parent().nextAll().fadeOut();
});

source