<script src="jquery-1.4.4.min.js"></script>
<script>
$(document).ready(
function(){
$('#add').click(function(){
if ($("#vote_img").height() <= 95) {
$("#vote_img").animate({ height: "+=3px" });
} else {
$("#vote_img").animate({ height: "98px" });
}
}),
$("#plus").click(function() {
if ($("#vote_img").height() >= 3) {
$("#vote_img").animate({ height: "-=3px" });
} else {
$("#vote_img").animate({ height: "0px" });
}
});
}
)
</script>
<div style="background:url(vote_bg.gif) repeat-y; height:100px; width:20px;"><img style="display:inline; height:5px; width:18px;" id="vote_img" src="vote_1.gif" /></div>
<input type="button" value="add" id="add"/><br />
<input type="button" value="plus" id="plus" />