<html>
<head>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.4.4.min.js'>
</script>
</head>
<body>
<a href='javascript://' class='clck'>
-
</a>
<span>
0
</span>
<a href='javascript://' class='clck'>
+
</a>
<br />
<a href='javascript://' class='clck'>
-
</a>
<span>
0
</span>
<a href='javascript://' class='clck'>
+
</a>
<br />
<a href='javascript://' class='clck'>
-
</a>
<span>
0
</span>
<a href='javascript://' class='clck'>
+
</a>
<div id='t'>
0
</div>
<script type='text/javascript'>
$("a.clck").click(function () {
var n = $.trim(this.innerHTML);
$(this)[{"+": "prev", "-": "next"}[n]]().html( parseInt($(this)[{"+": "prev", "-": "next"}[n]]().html()) + {"+": 1, "-": -1}[n] );
$("#t").html(parseInt($("#t").html()) + {"+": 1, "-": -1}[n]);
});
</script>
</body>
</html>