All_ex74,
<!DOCTYPE HTML>
<html>
<head>
<title></title>
<style type="text/css">
.tags span{
display: none;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(function(){
$(".tags a").bind("click",function(){
var a = $(this).text();
var s = $(this).find("span").text();
$(this).text(s).append($('<span/>', {text:a.replace(s,"")}));
})
});
</script>
</head>
<body>
<div id="container" class="tags-container clearfix" >
<div class="tags"><a href="#">A1 <span>B1 </span></a></div>
<div class="tags"><a href="#">A2 <span>B2 </span></a></div>
<div class="tags"><a href="#">A3 <span>B3 </span></a></div>
<div class="tags"><a href="#">A4 <span>B4 </span></a></div>
<div class="tags"><a href="#">A5 <span>B5 </span></a></div>
<div class="tags"><a href="#">A6 <span>B6 </span></a></div>
<div class="tags"><a href="#">A7 <span>B7 </span></a></div>
<div class="tags"><a href="#">A8 <span>B8 </span></a></div>
</div>
</body>
</html>